Home › Forums › Arnold WordPress Theme › Desktop and mobile menu styling
- This topic has 4 replies, 3 voices, and was last updated 1 year, 8 months ago by
Marianitx.
- AuthorPosts
- July 21, 2018 at 10:23 am #15830
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
July 22, 2018 at 8:06 am #15843Hi,
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 Panel3. 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!
May 4, 2019 at 2:04 pm #18401Hi, 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!
May 5, 2019 at 2:16 am #18417Please paste the custom CS code to “Appearance > Customize: Additional CSS”
@media (max-width: 480px) { .responsive-ux #navi a { font-size: 12px; } }
May 5, 2019 at 8:49 pm #18421thanks! that worked out perfectly
- AuthorPosts
- You must be logged in to reply to this topic.