Return to previous page

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

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

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.

#228883 Copied Theme version: 6.2.8.1 WooCommerce version: 3.9.0

7 Answers
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
#228889 Copied
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.

#228911 Copied
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
#228920 Copied
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.

#228974 Copied

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

#228985 Copied

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!!!!

#229028 Copied

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

#229044 Copied
Viewing 8 results - 1 through 8 (of 8 total)