Docs

[herax]

Hi,

I have a quite big menu for my site. I would like to have a smaller menu when the site is viewed on mobile. Is this possible?

Thanks,
Flemming

[Rue Nel]

Hello Flemming,

Thanks for writing in! You can adjust the vertical alignment and size of the mobile button that appears on smaller screen sizes in your navbar by going to your customizer, Appearance > Customize > Header > Mobile Button and set the “Mobile Navbar Button Size (px)”

Hope this helps. Kindly let us know.

[herax]

Hi,

Sorry but no it doesn’t, the issue is the menu size not the button.

You guys should consider developing a mobile navbar and maybe reconsider how responsive your theme is..

I am pretty sure it is not so easy to make this but it is a common feature on most responsive websites so I think you should look into it.

Best regards,
Flemming

[Nabeel A]

Hey Flemming,

Can you please provide the URL of your site so we can take a look?

Thanks!

[herax]

hi,

yes the url is http://www.heraxacademy.com

I have opened another topic about the issue with fixed mobile navbars here as well. https://community.theme.co/forums/topic/fixed-top-mobile-navbar-close-when-clicked-on/page/3/

I have removed the topbar to make the mobile screen big enough for having the menu.

The ideal would be to have a fixed top navbar with space for a topbar as well, but this seems not attainable.

Thanks,
Flemming

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-navbar .mobile .x-nav li>a {
    padding: 0.25em 0.95em;
}

Hope it helps.

[Author]

Posts