Home Forums Arnold WordPress Theme Desktop and mobile menu styling

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15830

    cincin
    Participant
    Purchased

    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

    #15843

    SeaTheme
    Keymaster
    Purchased
    Supported

    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!

    #18401

    Marianitx
    Participant
    Purchased

    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!

    #18417

    SeaTheme
    Keymaster
    Purchased
    Supported

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

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

    Marianitx
    Participant
    Purchased

    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!