Okay
  Public Ticket #252830
menu on mobile device
Closed

Comments

  • Josephine started the conversation
    July 24, 2014 at 8:58am

    Hi,

    The menu bar is too short on mobile device. Could you please tell me how to adjust this so that there is more color showing underneath the text?

    I also have set custom colors for the menu, but i would like the arrow to be orange so people see there is a submenu. On desktop it is ok but not on the mobile device. What should i adjust in the css to get it right on mobile?

    Thanks

  • Josephine replied
    July 25, 2014 at 9:40am

    About the little arrows: I figured this one out: placed this in the custom css:

    .sf-sub-indicator [class^="icon-"], .sf-sub-indicator [class*=" icon-"]{

    color: #CF1616!important;

    }

  •  8,839
    Tahir replied
    July 25, 2014 at 5:25pm

    Please provide site url so i can write up appropriate custom css in live edit mode. 

    Thanks

    ThemeNectar Support Team 

  •   Josephine replied privately
  •  8,839
    Tahir replied
    July 26, 2014 at 4:59pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :

    @media only screen and (max-width: 480px) {
    body header#top #logo.no-image {
        margin-top: -6px !important;
    }
}

    Cheers

    ThemeNectar Support Team 

  • Josephine replied
    July 26, 2014 at 9:30pm

    Hi, this solved the problem: thanks!