Home Forums Arnold WordPress Theme Desktop and mobile menu styling

This topic contains 4 replies, has 3 voices, and was last updated by  Marianitx 2 weeks, 5 days ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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




    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




    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!



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

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


    thanks! that worked out perfectly

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!