Mobile menus not opening - by Sheine - on WordPress WooCommerce support

This topic has 16 replies, 3 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

  • Avatar: Sheine
    Sheine
    Participant
    October 10, 2019 at 15:35

    Dear support,

    None of my menus are opening on mobile.
    In example:
    Mobile main menu on homepage
    Menus in footer
    Faq menus on support pages.
    see urls in private content

    Howcome? any idea

    Thanks!

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 10, 2019 at 15:50

    Hello,

    We don’t see problem with the menus on other page https://gyazo.com/5f90bf6081ee1b5297bb1ee11edeba32
    Have you cleared the plugin and CDN cache after theme update?

    Regards

    Avatar: Sheine
    Sheine
    Participant
    October 11, 2019 at 12:13

    Hi,

    I have cleared all the caches, the problem still exists on my end.
    See FTP details in private content area.

    Sven

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2019 at 13:09

    Hello,

    Try to disable all the third-party plugins, that do not come bundled with our theme, and check how it works then. Do not forget to clear CDN cache and cache of W3 Total Cache plugin.
    If this doesn’t help, provide us with temporary wp-admin access also.

    Regards

    Avatar: Sheine
    Sheine
    Participant
    October 16, 2019 at 14:52

    Hi Rose,

    problem still exists. In your video you are showing the website in ‘mobile view’ from a desktop right? in this case that is working for me as well. The menu’s are not working when using a smartphone (in my case tested with two Android Phones on Chrome)

    I disabled all plugins and enabled them one for one. No particular plugin that caused the error.
    Once all plugins activated, all of a sudden the menu stopped working again.
    I cleared CDN and W3 total cache plugin. No result

    What i found out is, when i am logged in as user (admin in this case) the menu is working on mobile. When i am logging out, the menu stops working. Also the images stop working on the frontend (see image in private).

    Does this have anything to do with javascript versions?

    Please advise becasue i am lost. Login credentials in private content.

    Please contact administrator
    for this information.
    Avatar: Sheine
    Sheine
    Participant
    October 16, 2019 at 15:11

    There are more items that are working or not working depending if i am logged in or not. When logging out the following items also do not work anymore:

    mobile menu
    FAQ on customer service page
    Footer menu

    but also:
    Plus/Minus buttons on single product page and cart page
    Related products on single product page
    Recently viewed products on single product page

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 16, 2019 at 17:16

    Hello,

    Problem caused by the async loading of the js files (https://prnt.sc/pk5x2v and http://prntscr.com/pk5zio ) one or few third-party plugins do not support it, so don’t enable this. If you are logged in as admin then cache does not work that’s why you don’t see the problem.

    Regards

    Avatar: Sheine
    Sheine
    Participant
    October 16, 2019 at 18:19

    Hi Olga,

    i did not know about the cache when logged in, thanks.

    I disabled async. The JS minify settings are already back to default.
    This fixed the issue on home page (when not logged in). However, when i click from home page on a product, then from single product page the menu and footer are not working anymore.

    Should i keep the items on ‘default’ or should i make some other changes?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 17, 2019 at 09:46

    Hello,

    Minification option of SG cache http://prntscr.com/pkgsoi caused js error. Check now.

    Regards

    Avatar: Sheine
    Sheine
    Participant
    October 17, 2019 at 11:08

    You are awesome Olga. I have no idea how you debugged this, but i am thankful.

    Other question: On my homepage i am using tabs (Nieuw, Populair).
    On mobile the tabs are not on same heigth. ‘Populair’ is underneath the products that are in tab 1.

    I am trying to achieve the same as the site in private content:

    Can you help me with this setting/css?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 17, 2019 at 12:08

    Hello,

    Please post new questions in new topics.
    Try to add this code in Custom CSS for the page:

    .wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
        display: block;
    }
    .wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-panel-heading {
        display: none;
    }

    Regards

    Avatar: Sheine
    Sheine
    Participant
    October 17, 2019 at 13:49

    Hi Rose,

    this css has not the effect i am looking for. I am trying to have all three tab titles on the same line. Right now when i have tab 1 opened (products inside) tab 2 and tab 3 show beneath the products.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 17, 2019 at 13:54

    Hello,

    Please add !important; http://prntscr.com/pkkzqi

    Regards

    Avatar: Sheine
    Sheine
    Participant
    October 21, 2019 at 11:11

    Hi Rose,

    menus working on every page now, however i noticed one remaining problem.
    When visiting a single product page on mobile, the icons of some element are not working.
    – menu
    – footer
    – mini cart icon
    – social icons footer
    – left and right toggle when multiple images.

    On home page etc the icons do show. Please advise.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 21, 2019 at 15:14

    Hello,

    We checked the single product and all the icons are at place https://gyazo.com/175025e58abbd769c05ccd41b7076715

    Regards

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 21, 2019 at 15:14

    Hello,

    We checked the single product and all the icons are at place https://gyazo.com/175025e58abbd769c05ccd41b7076715

    Regards

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.