Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #605048

    Hi,

    i’ve selected mobile menu for smartphones and tablets. If i change screen size it will switch to the mobile nav but the nav icon is invisible (just the frame, not the 3 lines) How can i give this nag icon another color?

    Thank you for helping!

    #605173

    Hey Luisgasser,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #605185

    http://kemateralm.at

    Navigation would be to long, so i use mobile nav for smartphones and tablets. But the tablet menu is invisible.

    #605243

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #advanced_menu_toggle, #advanced_menu_hide {
        color: orange !important;
        border-color: orange !important;
        background-color: #e2e2e2 !important;
    }

    Then see – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Cheers!
    Yigit

    #606648

    hello,

    thank you for helping.

    If i change the color, it shows only on smartphones, but not on tablet landscape.

    #advanced_menu_toggle, #advanced_menu_hide {
    color: orange !important;
    border-color: orange !important;
    background-color: #e2e2e2 !important;
    }

    #606972

    Hey!

    Please replace the code with this:

    #advanced_menu_toggle, #advanced_menu_hide {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #e1e1e1 !important;
    }

    Regards,
    Ismael

    #607212

    hi, thank you it works just on hover – before i have just the border without the symbol inside

    #607378

    Hi,

    This should change the colour:

    #advanced_menu_toggle {
    color: grey !important;
    }

    And this should display the mobile menu for tablet size and down:

    @media only screen and (max-width: 1024px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
    }
    

    Thanks,
    Rikard

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