Hi, I’m having some trobule with the sitcky menu, when viewing in small screens, but not mobile screens.
I’m sending a screen print.
I wish to fix it by getting the space (top margin of masthead) between the menu itens smaller. How can I write it to the CSS code?
Hi Larissa,
You can actually resolve this issue without CSS as there’s a theme setting for it. Please navigate to WP AdminAppearanceCustomize and then Theme DesignMenu and adjust the Menu Item Horizontal Padding (PX) amount.
Consider also enabling the responsive menu if you haven’t already. Please go up a menu twice and then go to Theme Settings > Navigation and enable the Mobile Menu.
Thank you, Alex.
Something wierd is happening on mozilla and edge (internet explorer), the logo in menu is too big.
In chrome it’s ok, but in another browsers it’s in original size. i tried to put another image, smaller, and then the vertical align of the menu goes to top, and I need a little bit centered to the logo height.
How can I fix this?
Hi Larissa,
Sorry for the delay.
It’s due to the no height contain setting being enabled. Please navigate to WP AdminAppearanceCustomize and then Theme SettingsLogo and untick “Constrain Logo Height”. This may make the logo undesirably small so if that’s the case, please navigate to WP AdminAppearanceCustom CSS and add (and adjust) the following CSS:
.logo { padding: 0; } .logo img { max-height: 50px; }You might also need to install the SiteOrigin CSS Editor.
Hi, Alex.
I applied this code, but it still doesn’t work.
Take a look into your browsers (Mozilla & IE): http://br770.hostgator.com.br/~clime597/
Hi Larissa,
It looks like you didn’t disable “Constrain Logo Height”. Could you please disable it and then check again? The instructions on how to this are in my previous reply.