Topic Resolution: Resolved
  • Closed
  • efrain rodriguez
    Spectator
    27.06.2015 at 21:46 #18551

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

    Roman
    Spectator
    Posts: 3147
    28.06.2015 at 05:05 #18554

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

    efrain rodriguez
    Spectator
    Posts: 3
    29.06.2015 at 00:28 #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
    29.06.2015 at 04:37 #18563

    are you using the latest theme version? 2.7.0

    Imran
    Spectator
    Posts: 402
    29.06.2015 at 12:15 #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
    29.06.2015 at 15:31 #18572
    This reply has been marked as private.
    Elijah Everson
    Spectator
    Posts: 4
    30.06.2015 at 03:10 #18582
    This reply has been marked as private.
    Elijah Everson
    Spectator
    Posts: 4
    30.06.2015 at 03:22 #18583
    This reply has been marked as private.
    Imran
    Spectator
    Posts: 402
    30.06.2015 at 09:00 #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
    30.06.2015 at 09:10 #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
    01.07.2015 at 02:32 #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)