Header Builder Problem: Mobile Menu Not Displaying selections on Mobile Device

This topic has 8 replies, 3 voices, and was last updated 4 years, 4 months ago ago by Olga Barlow

  • Avatar: georcarson
    George
    Participant
    January 25, 2020 at 21:28

    I am using the new header builder tool to reset my headers and am able to recreate the desktop view from my existing production site to work perfectly on my staging site
    https://exterior1.wpengine.com/ so it looks similar to https://ExteriorCoatings.com. The UberMenu tool does most of the formatting. BUT by having the Ubermenu tool active I am not able to get the mobile menu to work at all. Please see if you can get this changed.

    When I take the Uber Menu off “Strict Mode” then I lose all formatting from Uber Menu and the All Products dropdown does not display properly.

    Here is text from Uber Menu on the General Settings ADVANCED: Strict Mode Only auto-apply UberMenu to activated theme locations. You should not deactivate this unless your theme is improperly using theme locations, as this will apply UberMenu to ALL menus.

    THanks for your help.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 26, 2020 at 10:33

    Hello,

    Try to use the next custom CSS code:

    .header-mobile-menu .ubermenu-responsive {
        visibility: visible !important;
        max-height: 100% !important;
        box-shadow: none;
    }
    .header-mobile-menu .ubermenu-target{
        padding-left: 0px;
    }
    .header-mobile-menu .ubermenu-responsive .ubermenu-submenu {
        display: block !important;
        max-height: 200px !important;
        overflow-y: scroll !important;
    }
    .header-mobile-menu .ubermenu-active > .ubermenu-target {
        background-color: transparent !important;
    }
    .header-mobile-menu .ubermenu-submenu a {
        padding-left: 15px !important;
    }
    .header-mobile-menu a.ubermenu-target {
        padding-bottom: 12px;
        padding-top: 12px;
    }
    .header-mobile-menu .ubermenu-submenu li {
        width: 100% !important;
    }

    Please note that we don’t give a guaranty for full theme compatibility with all 3-rd party plugins.

    Regards

    Avatar: georcarson
    George
    Participant
    January 27, 2020 at 03:02

    Thanks. Almost there. This menu fix on our staging site, https://exterior1.wpengine.com/
    displays the Mobile Menu correctly on a mobile device, the menu links all go to a category page which work BUT none of the product links on the category pagel take you to a single product page. They randomly take you to other category pages. I have pasted your fix into the custom css area so you can see for yourself. This fix did not affect desktop view. Please see if you can help. I am sure it is something simple :).

    Thanks again for your help.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 27, 2020 at 11:34

    Hello,

    Replace

    .header-mobile-menu .ubermenu-responsive {
        visibility: visible !important;
        max-height: 100% !important;
        box-shadow: none;
    }

    by

    .et-mini-content.active .header-mobile-menu .ubermenu-responsive {
        visibility: visible !important;
        max-height: 100% !important;
        box-shadow: none;
    }

    Regards

    Avatar: georcarson
    George
    Participant
    January 28, 2020 at 07:37

    Ok this fix works great on my stating site! thanks

    BUT I copied staging to product site for upgrading to latest xstore release and now none of the product pictures show up on either the category/shop pages or single product pages. Product pictures do work on single product page when I use the dropdown selector for quantity and color. https://exteriorcoatings.com/category/floor-coatings/chips-flakes/

    Pictures contained in WP Bakery Elements don’t work either Pictures do work on other pages without products.

    I tried clearing cache but this didnt help. What can I do?

    thanks.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 28, 2020 at 11:27

    Hello,

    Don’t see issues with images on the shop https://gyazo.com/16cf4a1d0cfcc2adc2f0b606392f1292 or single product https://gyazo.com/e28445488a50eb63f6aebbfa1395da06
    You are using CDN, so you always need to make sure that you cleared the CDN cache after theme update.

    Provide links to pages with issues if you still have any problem.

    Regards

    Avatar: georcarson
    George
    Participant
    January 29, 2020 at 04:32

    Olga,

    Got it! Cleared cache on my own browser and that fixed it. Thanks for all your help on my issue. Fixed πŸ™‚

    Thanks again for the new Header Builder too. I am not technical and was able to make my desktop header nicer on my own using this new tool BUT the real excitement with the new header builder was a significant improvement on the mobile header. Thanks for a great upgrade!!!!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 29, 2020 at 10:24

    Hello,

    You are welcome!
    Very pleased to hear that you like new theme options. If you have any suggestions about improvements of the existing settings or maybe ideas about new options feel free to share them with us at the special thread https://www.8theme.com/forums/xstore-wordpress-support-forum/xstore-features/

    Regards

  • Viewing 8 results - 1 through 8 (of 8 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.