Show hamburger menu sooner

Support
#1

Hi there,

On my site (link provided in secure note) I’d like the menu to change to a hamburger sooner. When I make my browser window smaller it is too wide and the links jump to below the logo, then later more links jump down. Instead I’d like the hamburger to show as soon as the menu doensn’t fully fit beside the logo anymore. I’m not using a plugin for the menu so I just need to change the width were the hamburger menu will start to show, however I cannot find where I’m supposed to add that.

Can you help me with this issue?

Thanks!

#2

Hey Vink,

Regretfully, this is not possible using X and overriding the mobile nav breakpoint is not supported. You will need to upgrade your site to Pro for this so you can use the Hide During Breakpoints feature in the Pro Header.

Thanks.

#3

Hi,

Thanks for the quick response.

I’ll to fix it in a different way then, thanks!

#4

Hi Vink,

Yes, please consider the following:

  • Logo Size – decrease the width of the logo to give more rooms for the menu items. You can set Logo Width under Theme Options > Header
  • Smaller Navbar Font Size - Navbar Font Size can be adjusted under Theme Options > Header
  • Menu Items Spacing - Navbar Top Link Spacing can be adjusted under Theme Options > Header as well.

If that still not enough, you can do the following:

  • Shorten the Menu Items Label.
  • Rearrange - If possible grouped your menu and put other menu items as sub-items.

Cheers!

#5

Hi there,

Thanks! I’ve instead decided to use a Superfly menu. I’ve used the ‘@media’ command in the css to turn the menu off on displays smaller than a set amount of pixels and turned the superfly menu on at that time.

Thanks!

1 Like
#6

You’re most welcome,

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.