Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 12, 2021 at 3:42 am #1309633
    edukate1

    Hi, I can’t figure out why the mobile menu does not work on my website. I couldn’t get it to be visible until I disabled the “Settings > Performance” option to merge CSS. Once I disabled that, the hamburger menu icon became visible. However, it became visible on top of my content, blocking my H1 title. In addition to the wrong position on the page, clicking on it did not open the menu. Clicking on it does nothing.

    I added the below code to hide the mobile menu until I find out how to make it work, so you won’t see it until you make it visible.

    @media only screen and (max-width: 767px)
.responsive #top #header .av-main-nav>li>a, .responsive #top #header .av-main-nav>li>a:hover {
   display: none;
}

    • I am using the latest version of Enfold, and this issue has persisted since many versions ago
    • I’ve reviewed my custom CSS (and tried removing it all) and did not see any conflicts.
    • I tried removing the minifiy/caching plugins and that did not work.

    Any ideas on how this can be fixed? The site is https://tourstoniagarafalls.com

    • This topic was modified 3 years, 4 months ago by edukate1. Reason: *Updated info
    July 13, 2021 at 5:48 am #1309876
    Rikard

    Hey edukate1,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply. Also please provide an option for turning off your CDN/caching, and let us know if it’s ok to temporarily disable plugins/themes?

    Best regards,
    Rikard

    July 13, 2021 at 9:01 am #1309893
    edukate1

    Login and info below. Thank you!

    • This reply was modified 3 years, 4 months ago by edukate1.
    July 15, 2021 at 5:21 am #1310179
    Rikard

    Hi,

    Thanks for that. The version you are running is displaying the latest version number, but the layout in the theme options doesn’t correspond with that version number. Could you share FTP login details with us as well, so that we can try to upload a fresh copy of the theme for you please?

    Best regards,
    Rikard

    July 15, 2021 at 6:15 am #1310183
    edukate1

    Hi, that’s odd. Thanks for checking. FTP info added below.

    UPDATE:
    Hey, I managed to fix this – not sure exactly how, I updated the theme files again so maybe that was related.

    Two questions from this
    1. Can you still double check if my enfold options are representative of my theme version now? In the last comment you mentioned that the number was updated by the options looked like an older version.
    2. I use a plugin that delays JS loading until a user interaction on the page, and now that the mobile menu is back, it only loads when I interact wit hthe page. I want to actually exclude this from minification and deferring. I tried the URL /wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js and it doesn’t seem to be that.

    Specifically, I have the options:
    “Excluded JavaScript Files – Specify URLs of JavaScript files to be excluded from minification and concatenation (one per line).”

    and

    “Excluded JavaScript Files – Specify URLs or keywords that can identify inline or JavaScript files to be excluded from delaying execution (one per line).”

    Thank you!

    Thank you!

    • This reply was modified 3 years, 4 months ago by edukate1.
    July 16, 2021 at 6:08 am #1310348
    Rikard

    Hi,

    Thanks for the update. Did you get all your problem solved by uploading a fresh copy? If not, then please let us know what you need help with.

    Best regards,
    Rikard

    July 16, 2021 at 8:46 am #1310355
    edukate1

    Hi,

    I uploaded a fresh copy and that seemed to fix the missing mobile button.

    Would you be able to check out the following:
    1. Can you double check if my enfold options are representative of my theme version now? In the last comment you mentioned that the number was updated by the options looked like an older version.

    2. I use a plugin that delays JS loading until a user interaction on the page, and now that the mobile menu is back, it only loads when I interact with the page. I want to actually exclude this from minification and deferring. I tried the URL /wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js and it doesn’t seem to be that.

    Specifically, I have the options:
    “Excluded JavaScript Files – Specify URLs of JavaScript files to be excluded from minification and concatenation (one per line).”

    and

    “Excluded JavaScript Files – Specify URLs or keywords that can identify inline or JavaScript files to be excluded from delaying execution (one per line).”

    So, how can I exclude the mobile menu from these?

    Thank you!

    July 17, 2021 at 5:57 am #1310477
    Rikard

    Hi,

    Thanks for the update.

    1. The theme options look fine now, so I’m sure you are running the latest version of the theme.

    2. I see that your site resources are being loaded from a CDN, so I’m not sure if excluding any files will make any difference. I might be wrong though, since I’m not all that familiar with how your plugin works. Maybe you could try reaching out to the authors of the plugin for further help with that?

    Best regards,
    Rikard

    July 18, 2021 at 7:22 am #1310569
    edukate1

    Sounds good – thank you for your help!

    July 19, 2021 at 5:32 am #1310671
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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