Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 8, 2018 at 12:27 pm #953331
    howjoyful

    Hello,
    it was brought to my attention that my main menu (in the header) no longer works on the mobile version after the last update, I checked my settings and I can’t find anything different, I am using a child theme, and I cleared my cache plugging and Cloudflare.

    On the menu, after clicking on the button that is supposed to show the menu for mobile, instead of displaying the menu, it just adds a # at the end of my URL and nothing happens. I tested on a mobile device and also on Chrome, Safari, and Firefox in the computer after minimizing the width of the page.

    I would really appreciate any help!
    Thank you!

    (I added credentials in the private area)

    May 9, 2018 at 7:45 am #953734
    Rikard

    Hey Joy,

    Thanks for the login details, though I can’t see why that is not working. Could you try deactivating all plugins to see if one of them is causing a conflict please?

    Best regards,
    Rikard

    May 9, 2018 at 9:13 pm #954148
    howjoyful

    Hi Rikard,

    Thank you for checking. I just did that and deactivated all the plugins, cleared the cache and purged everything via Cloudflare and the menu is still not working :/
    Any other suggestion?

    May 10, 2018 at 9:51 pm #954903
    howjoyful

    Just checking again to see if you guys had any suggestions as to what could be causing this problem??

    May 11, 2018 at 4:29 am #954986
    Rikard

    Hi Joy,

    I disabled the CSS file merging and compression and Javascript file merging and compression options on your site under Enfold->Performance, and your mobile menu is working again. You will have to experiment a bit with those settings to see what works and what doesn’t on your site, since one of them seems to break the scripts needed for your mobile menu unfortunately.

    Best regards,
    Rikard

    May 11, 2018 at 10:29 pm #955489
    howjoyful

    Thank you so much, Rikard!
    I followed the post about ranking better with Google page speed. Thank you so much for fixing it, I was really scratching my head as to why it would not work. Thanks again!

    May 12, 2018 at 11:45 am #955670
    Victoria

    Hi Joy,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 30, 2018 at 3:07 pm #964298
    a3ne

    I found this thread because I have the same issue. My mobile menu is not working. I disabled the above settings but this didn’t help. Can someone help me out with this?

    Many thanks,
    Adrienne

    June 1, 2018 at 11:53 am #965233
    Rikard

    Hi Adrienne,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    June 2, 2018 at 1:27 pm #965848
    a3ne

    Hi Rikard,

    Thank you for your reply! Yes, the menu is working now but the website still looks very small on a phone. What else do I have to do to get a mobile version?

    Many thanks!
    Adrienne

    June 6, 2018 at 3:31 am #967590
    Ismael

    Hi,


    @a3ne    : The site is set to have fixed layout. Please go to the Enfold > General Layout > Dimensions panel and enable the “Responsive Site” option.

    Best regards,
    Ismael

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