Home › Forums › Arnold WordPress Theme › Desktop and mobile menu styling

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 21, 2018 at 10:23 am #15830
    cincin
    Participant
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    July 22, 2018 at 8:06 am #15843
    SeaTheme
    Keymaster
    Purchased
    Expired

    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!

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 4, 2019 at 2:04 pm #18401
    Marianitx
    Participant
    Purchased
    Expired

    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!

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 5, 2019 at 2:16 am #18417
    SeaTheme
    Keymaster
    Purchased
    Expired

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

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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 5, 2019 at 8:49 pm #18421
    Marianitx
    Participant
    Purchased
    Expired

    thanks! that worked out perfectly

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.