Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 29, 2017 at 2:49 am #814176
    sbmarketingllc

    Hello.

    Thanks for the great theme and great support forum. I am having an issue with the mobile menu. When I click the menu icon to show the menu items, it covers the Logo. My client would like the logo to remain visible.

    Please advise. Thanks!

    Blood Audit & Release Systems

    June 29, 2017 at 6:18 am #814249
    Jordan Shannon

    Hey sbmarketingllc,

    Add the following to quick css:

    
@media only screen and (max-width: 767px)  {
#mobile-advanced{
margin-top:80px!important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
#mobile-advanced{
margin-top:150px!important;
}
}

    Best regards,
    Jordan Shannon

    June 29, 2017 at 5:06 pm #814588
    sbmarketingllc

    Hello. Unfortunately, that did not work. The logo still disappears when I click the menu icon.

    June 29, 2017 at 5:22 pm #814596
    sbmarketingllc

    Once I click the menu icon, the menu slides out and the Logo is no longer visible. Is it possible to remove the white bar covering the logo? Or move down the entire slide-out menu?

    June 29, 2017 at 5:56 pm #814612
    Sarah

    Hi,

    The “white bar covering the logo” is actually the background color of the mobile menu. You can try removing the background of the menu, and adding background to the menu items instead.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file: 

    #mobile-advanced {background:none !important;}
#mobile-advanced li {background:#ffffff !important;}

    Please let us know if you need further help.

    Best regards,
    Sarah

    June 29, 2017 at 6:00 pm #814615
    sbmarketingllc

    I have another issue: (scroll all the way to bottom of this link)
    http://www.responsinator.com/?url=www.bloodtrackingsystems.com%2F

    On a landscape ipad, the menu overlaps the logo. I would like to activate the mobile menu icon.

    June 29, 2017 at 6:19 pm #814627
    Sarah

    Hi!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px. 

    Let us know if you need further help on this topic.
    Best regards,
    Sarah

    June 29, 2017 at 10:05 pm #814699
    sbmarketingllc

    Hello Sarah.

    Nothing happened when I added: (The slide out main menu still covers the logo)
    #mobile-advanced {background:none !important;}
    #mobile-advanced li {background:#ffffff !important;}

    Also, I already have this option selected.
    “Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.”

    What else can I do to take car of this?

    Thanks.

    June 29, 2017 at 10:14 pm #814701
    sbmarketingllc

    Is there CSS to change the mobile menu completely? (Put centered, below main logo… anything!)
    As long as the logo is visible I will be happy!

    Thanks,
    mike

    June 29, 2017 at 10:24 pm #814708
    sbmarketingllc

    Also, even with the “mobile & tablet 990px” selected, the main menu covers up the logo.

    Please advise. Thanks!

    June 30, 2017 at 12:37 am #814748
    Jordan Shannon

    Hi,

    Did you add my css to the very top of quick css and made sure to clear your cache. That should have worked as I tested in the browser before hand successfully.

    Best regards,
    Jordan Shannon

    June 30, 2017 at 2:56 am #814763
    sbmarketingllc

    Hi Jordan. Thanks again, that worked! The finial issue I am having is that the menu extends too far on mobile tablet. How do I activate the mobile menu for such an instance?

    Thanks!!!

    June 30, 2017 at 5:36 am #814783
    Sarah

    Hi!

    You menu should have activated with the Enfold settings. May we have admin access into your website so we can take a closer look?
    Best regards,
    Sarah

    June 30, 2017 at 2:59 pm #814981
    sbmarketingllc

    Hi Sarah!

    Here is the admin info. Thanks a lot!

    June 30, 2017 at 3:18 pm #814993
    Jordan Shannon

    Hi,

    Add the following to quick css. Again at the very top:

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

    Best regards,
    Jordan Shannon

    June 30, 2017 at 6:00 pm #815096
    sbmarketingllc

    Thanks Jordan, you the man!

    June 30, 2017 at 6:51 pm #815107
    Sarah

    We’re glad to help! Do you need further assistance with this, or can we close this thread? :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.

    Cheers!
    Sarah

    June 30, 2017 at 7:16 pm #815120
    sbmarketingllc

    Thanks Sarah :)

    We’re all set. Thanks for your help!

    June 30, 2017 at 8:28 pm #815161
    Sarah

    Great! We’ll close this thread now. Feel free to open a new one if you need help with anything else.

    Best regards,
    Sarah

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Mobile Menu Covers Logo’ is closed to new replies.