Topic Resolution: Resolved
  • Closed
  • efrain rodriguez
    Spectator
    June 27, 2015 at 9:46 pm #18551

    Is there any way to customize the mobile menu like color?. There is nothing in the docs. Thanks

    Roman
    Spectator
    Posts: 3147
    June 28, 2015 at 5:05 am #18554

    you can set some values in Theme Options -> Styling -> Mobile Menu Colors

    efrain rodriguez
    Spectator
    Posts: 3
    June 29, 2015 at 12:28 am #18562

    I don’t have any mobile features in styling
    I can sent you my login info in a private reply if you need

    Roman
    Spectator
    Posts: 3147
    June 29, 2015 at 4:37 am #18563

    are you using the latest theme version? 2.7.0

    Imran
    Spectator
    Posts: 402
    June 29, 2015 at 12:15 pm #18568

    Hi efrain,

    Thanks for writing in. Firstly, I’d require the link of your website in order to take a closer look into it and so provide you with a possible solution.

    Thanks.

    efrain rodriguez
    Spectator
    Posts: 3
    June 29, 2015 at 3:31 pm #18572
    This reply has been marked as private.
    Elijah Everson
    Spectator
    Posts: 4
    June 30, 2015 at 3:10 am #18582
    This reply has been marked as private.
    Elijah Everson
    Spectator
    Posts: 4
    June 30, 2015 at 3:22 am #18583
    This reply has been marked as private.
    Imran
    Spectator
    Posts: 402
    June 30, 2015 at 9:00 am #18586

    Hi efrain,

    In the version of 2.5.0 there is no option to change the mobile menu color so you can achieve that by custom CSS codes. Here are three codes to handle background colors hover colors and etc. Please add following code under Appearance > Theme Options > Custom CSS:

    .mobile-nav-holder .mobile-selector, .mobile-topnav-holder .mobile-selector, #mobile-nav {
    background-color: #e3e3e3 !important;
    }

    .mobile-nav-holder .mobile-selector, .mobile-topnav-holder .mobile-selector, #mobile-nav li a, #wrapper .header-social .mobile-topnav-holder li a, .catalog-ordering a, .order-dropdown > li:after, .order-dropdown ul li a {
    color: #FFB917 !important;
    }

    #mobile-nav li a:hover {
    background-color: #81d742 !important;
    }

    Hope this helps!

    Thanks.

    Imran
    Spectator
    Posts: 402
    June 30, 2015 at 9:10 am #18587

    Hi Elijah,

    Thanks for writing in, you can achieve that by adding following code under Appearance > Theme Options > Custom CSS:

    span.glyphicon.glyphicon-align-justify:after {
    content: " Menu ";
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 20px;
    }

    Thanks.

    Elijah Everson
    Spectator
    Posts: 4
    July 1, 2015 at 2:32 am #18594

    Thank you so much for that! That worked perfectly. One last thing, for the search bar is there a way to make it always be white instead of just on hover?

Viewing 10 replies - 1 through 10 (of 13 total)