SwissUpLabs Logo

Category Tips

Don’t have a menu yet? Create simple menu, activate it the config and come back!

Category Tips

In order to add tip (label) to the item, you need to open menu in backend, select this item in the tree, and use Advanced Settings fieldset.

Examples:

<!-- Default Tip -->
<a href="{{navpro data='url'}}" class="{{navpro data='class'}}">
    <span>{{navpro data='name'}}</span>
    <span class="tip">Featured</span>
</a>

<!-- Accent Tip, placed on the top -->
<a href="{{navpro data='url'}}" class="{{navpro data='class'}}">
    <span>{{navpro data='name'}}</span>
    <span class="tip top accent">New</span>
</a>

Tips Modifiers

Class Name Description
Tip Positioning  
top Place tip above the item name
Tip Colors  
accent Bright tip background
muted Muted tip background
black Back tip
inverted Switch tip background and color
Tip Font  
text-small Small tip font-size
text-big Large tip font-size

Next up

Edit this Page