Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #881161

    How to switch off the Burger menu on desktop? I wish to have it only on mobile. My settings in Enfold theme settings for Main Menu has it set to Mobile at 768 resolution or less, and yet it was appearing on our desktop site, pushing the menu against the logo.

    I could disable it in css by setting display: none, but of course we have no mobile menu at all now.

    How to have it display absolutely only on mobile and tablets?

    Thanks for the prompt assistance.

    ~ Michael

    #881505

    Hey Michael,

    Go to Enfold > Main Menu > General (tab) > Menu Items for Desktop (set this to Display as Text). Hope this helps :)

    Best regards,
    Nikko

    #881613

    Thanks for the help.

    Tried that and had checked that first. Just did it again on another site using Enfold. And the burger is there whether want it or not, even with this setting already being set and checked again. Now reverting back to Enfold 4.0.7 on the other site so to be free of the dreaded desktop burger.

    May just stay with 4.0.7 perennially – and hope it stays compatible with all future versions of WP.

    Any other suggestions in case that is not the case? Likely will have to update Enfold at some point down the line.

    Thank you.

    #881653

    Hi,

    At some point Enfold 4.0.7 would become outdated and not be compatible with future releases of WordPress, so I would suggest creating a stage or development version of your current site, where the latest version of Enfold is used and you have a child theme that has modifications that is compatible with the latest version of Enfold. This way you can test the latest version of Enfold without the risk of messing up your live site and if the stage site is already good then you can implement the changes on the live site.

    Best regards,
    Nikko

    #881836

    Thanks Nikko for the replies.

    I of course already have local staging sites for all my websites. The issues have been:

    1) for another recent posted thread with Woo 3.x and Enfold updates – it displays perfect on local, but get an endless loading Enfold spinning blue loading spiral on live site, ie in this case (and so potentially others) staging testing is not accurate in representing the live server
    2) for this issue, the dreaded hamburger still displays on local, even with set to text, show mobile menu only at low resolution, etc.

    So still need to resolve this issue for me to move forward with updating from 4.0.7 on local and live, now or in future.

    Is there not a way in css or other code to absolutely ensure burger does not display on desktop, but indeed on mobile?
    Appreciate any assistance.

    #881911

    Hi daka37,

    I would suggest your stage server is just subdomain of your live site and on the same host, so they have same settings.

    As for the burger menu, try using this code:

    .responsive #top .main_menu .av-burger-menu-main {
        display: none;
    }
    
    @media only screen and (max-width:767px) {
      .responsive #top .main_menu .av-burger-menu-main {
        display: block;
      }
    }

    Try using !important too if that doesn’t help.

    Best regards,
    Nikko

    #882101

    Thanks Nikko!

    #882103

    Hi,

    You’re welcome. Let us know if you need further assistance or if we can close this thread :)

    Best regards,
    Nikko

    #887296

    Sorry for the delay Nikko, I’ve been traveling and in some retreats.

    Just tried again with the code and the same. See:

    The dreaded burger is still there.

    This is the code I put in General Styling > Quick CSS

    .responsive #top .main_menu .av-burger-menu-main {
    display: none !important;
    }

    @media only screen and (max-width:767px) {
    .responsive #top .main_menu .av-burger-menu-main {
    display: block !important;
    }

    What else can we do??? Shouldn’t be so hard, yes?

    Thanks as always for the help.
    ~ M.

    #887308

    Hi,

    No worries, can you post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #887315

    Done. Let me know what you find out.

    #887709

    Hi,

    Thanks for providing the admin access and I found out that the issue is caching, anything added to Quick CSS doesn’t reflect even flushing out caches doesn’t seem to work. Can you give us ftp access? so we can try to check further and permission to deactivate plugins that contribute to caching.

    Best regards,
    Nikko

    #887776

    Hi Nikko,

    Thanks for the help. It was CloudFlare. Usually I purge the Enfold.css file there everytime I update Quick CSS but yesterday amidst myriad tasks forgot that.

    However, after purging everything at CloudFlare, I got a strange result: The burger is gone! But now the width for our site content is majorly condensed, with our menu overlapping our logo in a major way. How to reset to previous width asap? Can you do that on the backend?

    It also lost our styles for our Submenu and H5 and H6 tags, which never has happened before on a purge at cloudflare, as those setting did not change. Going in to reset them again now.

    Any idea why this happened?

    Thanks again for the prompt help.
    ~ Michael

    #887778

    It’s all back now, after placing some extra ‘!important’s in Quick CSS. Strange.

    It seems it was the second bit of code that placed that condensed. I removed this:

    @media only screen and (max-width:767px) {
    .responsive #top .main_menu .av-burger-menu-main {
    display: block !important;
    }

    Will that affect how displays on mobile?

    If it’s clear on mobile, I think we’re done here.

    #887782

    Not quite yet…

    No menu at all on mobile site. Just a cart and search icon.

    How to have the not-so-dreaded burger menu show here?

    I believed the previous css was just to remove the burger from desktop. Can you go in and take a look?

    Thanks. Menu on mobile site kinda important ;)

    http://www.dakiniasart.org

    #887786

    I think I will revert to the burger on the main menu – ie remove the code that worked with desktop – so that actually have a menu on mobile until a proper fix is received or applied. Really appreciate the help Nikko. Presently, this is the same result that I had when I just placed burger: display: none previously and then reverted to Enfold 4.0.7.

    Also since updating to Enfold 4.2, I am missing an Add To Cart Button on new variable products in WC. It seems there is a fix with a woocommerce-jquery-cookie-fix plugin from Woo, but don’t know if this will conflict with Enfold at all. Will try soon. Have you encountered this issue before?

    Thanks!
    M.

    #887880

    Hi daka37,

    The button is not there because you need to select the option.

    Best regards,
    Victoria

    #887883

    How Select?

    In main menu, I have as text for Desktop, and for mobile – Activate for Smartphones and Tablets under 990 pixels.

    Is that not selected? Please advise.

    #887934

    Back to 4.0.7. Need the menu live on the site everywhere.

    With 4.0.7 – Menus fine; Add to Cart fine
    Only cannot use Advanced Content Editor – does not load, just spins endlessly.

    It seems like I will just have to switch between the two (4.0.7 and 4.2) depending if I need to add products or pages. Not the best solution, but the only thing that works presently, until some assistance to make the latest Enfold work, ie menus and Add to Cart, for all functions.

    Let me know if you find anything, Nikko. Thanks!

    #888591

    Hi,

    That is not a solution at all – changing between the themes – as the problem is that you cant work easily with all that.
    We will look a little bit into the issue but I do guess we have to locate what customisations have brought up that issue.

    Best regards,
    Basilis

    #888874

    Hi Basilis,

    Thank you for your response. Yes of course it is not a solution; totally a band-aid. But as we have live online art galleries, and this particular week is prime for last minute holiday orders, an actual mobile menu and the ability to add an add to cart button to new artwork (products) for an artist we are launching now was an absolute. Even a day without could be a great loss, and with limited time at the moment.

    After the holiday season, there will be time to return to having a crystal clear update to Enfold 4.2 (and future). There are conflicts with either version of Enfold now, especially since the latest WP updates. As long as we have what we need absolutely live for the time being, have to make do for now.

    I will add more time to a previous temporary log-in created to see if you can locate anything for the time being that could be creating the conflicts. Details in private.

    All best,
    Michael

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