Archived topic

doesn´t work the height of stycky menu for desktop and mobiles

5 replies · Started by Jorge on March 22, 2022

Viewing posts 1–6 of 6

March 22, 2022 at 8:42 am #2163657

Hi, i´m trying to set a different height (siae) for the logo in the sticky menu but when you set the height, it applies it for both desktop and mobiles, so is a bit horrible in one of them. O mean in customzie > Design > sticky navigation (In spanish is "Navegación fija")> Menu items height.

Can you tell me please how to make it different for each one?

Thanks

March 22, 2022 at 8:46 am #2163662

Hi there,

can you share a link to the site ?

March 22, 2022 at 9:12 am #2163682

Yes. here it is:
https://www.ricosancarborec.es/

March 22, 2022 at 9:29 am #2163708

Hi Jorge,

Try this CSS:

.main-navigation.sticky-navigation-transition:not(#mobile-header) .navigation-branding img, .sticky-enabled .main-navigation.is_stuck:not(#mobile-header) {
    height: 80px;
}

March 22, 2022 at 12:43 pm #2163906

Thanks for your answer. How could I so, in desktop, the height of the logo in the sticky menu, is the same than the main nav. If I change it en customize > sticky menu it changes the size in mobiles also and your rule dos not work
Thanks

March 22, 2022 at 1:23 pm #2163931

You can try this CSS for mobile logo:

nav#mobile-header .site-logo img {
    height: 80px;
}

Do you need the sticky mobile logo has different height from the normal mobile logo?

This archived topic is closed to new replies.

Start building better websites today.