Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #507421

    I am using the latest version of Enfold.
    When viewing a new site that I am developing on a mobile device, the menu navigation shows up as only a white box with no lines that typically indicate the menu to viewers. However if you do click on the box, the navigation comes up.
    This has worked correctly in previous sites, but is coming up as discribed. I am concerned that the user will not realize that the white box is the navigation.
    Any suggestions?
    Thank you.
    Gail

    #507508

    Hi GailSabol!

    Thank you for using Enfold.

    You have this code in the Quick CSS field which sets the mobile menu icon color to white:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
        background-color: #ffffff;
        color: #ffffff;
        border-color: #e1e1e1;
    }}

    Cheers!
    Ismael

    #509223

    Thank you Ismael, I change it to #000000 and the menu bars are now visible. Thank you!

    #509237

    Ismael.
    As I mentioned, I change the code that I thought would only affect the mobile menu, making the menu bars black, adding the following code:
    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    background-color: #ffffff;
    color: #000000;
    border-color: #e1e1e1;
    .responsive .mobile_menu_tablet .main_menu { display: block; }

    However, this affected the main navigation on the main site on a laptop as well, changing the header navigation type from white to black.
    How can I change only the menu for mobile devices, versus a universal change. Se both laptop and mobile versions.

    See URL in Private Content

    #509415

    Hey!

    I checked the site again but I think you removed the code. Please add it back then we’ll adjust the code accordingly. Try to remove this part in the css code:

    #top #wrap_all .av_header_transparency, 
    

    Best regards,
    Ismael

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