Nav Bar
Navigate to Customize > Header > Navbar to access navbar options.
Buttons
- Show Search – Search
- Show Shopping Cart – WooCommerce Cart
- Show Login – Login icon
- Show CTA Button – Call to action button
Responsive Settings
- Auto Compress – Automatically trigger mobile layout if there’s no enough space to display all items
- More Dropdown – Move menu items to more dropdown if there’s no enough space to display all items
- Mobile Breakpoint – Screen width at which the mobile layout is triggered
Sticky Navbar
Navigate to Customize > Header > Sticky Navbar to access sticky navbar options.
- Sticky Mode
- Disable – Disable sticky navbar
- Always – Always stick to the top
- Smart – Hides the navbar while scrolling down the page and shows it scrolling up.
- Sticky On – sticky mode can be switched on/off separately based on screen width.
- Desktop – ( > 1024px )
- Tablet – ( 768px — 1024px )
- Mobile ( < 768px )
- Logo – logo displayed only when sticky navbar is active, default logo will be used if logo is unset.
- Retina Logo – 2x size of logo
- Logo Width – logo width