Desktop and mobile menu styling

[cincin]

hi, I’d like to change the following menu styling:

1. Desktop: I have a bilingual site with polylang, but the menu font spacing is too close for the Chinese version, may i know how to change the menu font spacing for the chinese version?

2. Mobile: I’d like to change the mobile menu font styling, including font spacing and size

3. Mobile: i’d like to change the background color of the mobile menu, including opacity

4. Mobile: I’d like to set the mobile navigation bar fixed and transparent when the menu is closed , i tried this code

@media (max-width: 767px) {
.responsive-ux.header-sticky #header {
position: fixed;}
}

but doesn’t work

Thank you

[SeaTheme]

Hi,

1. Please paste the custom css code to “Appearance > Customize : Additional CSS”

html[lang="zh-TW"] .navi-show-v #navi-header li, 
html[lang="zh-TW"] .navi-show-v .header-bar-social .socialmeida-li {
    line-height: 1.8;
}

2. Did you talk the menu item on menu expanded panel?
Appearance > Theme Options > Font settings : Menu Item on Expanded Panel

3. Did you talk the menu item on menu expanded panel? Or header bar?

4. pleas try to active Appearance > Theme Options > Layout:Header Bar Sticky Top

Regards!

[Marianitx]

Hi, I will get back this topic since there is no solution yet for the issue I am facing now. I am trying to make the font of my expanded menu on mobile smaller. Is there any option for that? How can I do it? my web is: http://www.iso-typo.com/prueba

thanks in advance!

[SeaTheme]

Please paste the custom CS code to “Appearance > Customize: Additional CSS”

@media (max-width: 480px) {
.responsive-ux #navi a { font-size: 12px; }
}

[Marianitx]

thanks! that worked out perfectly

[Author]

Posts