Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 22, 2015 at 11:50 pm #507421
    GailSabol

    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

    September 23, 2015 at 7:05 am #507508
    Ismael

    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

    September 25, 2015 at 6:06 pm #509223
    GailSabol

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

    September 25, 2015 at 6:44 pm #509237
    GailSabol

    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

    September 26, 2015 at 8:50 am #509415
    Ismael

    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

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