Pro header uber menu+woo cart

If i upgrade to pro header could i have the Uber menu in it and woocart on it . Right now i am using this combination but unfortunately i am losing the style of the woocart ( that appears into the demo sites of x theme ) If i upgrade to Pro , could be possible to use the uber menu as menu and have the woocart in the header pro area separated from the ubermenu but working properly both ?

Hey @Borislav.VD,

Yes, they would be added in the header separately unlike in X. And, they should be working properly. Once you’ve switched and added the UberMenu shortcode in a Text element and added a Cart element, we could give further recommendations to help you achieve your layout and design.

Thanks.

Thank you @christian_y ! I have bought it but i am lost with the pro header . How can i achieve it ? Which shortcode of ubermenu i must put there ?

You can get the shortcode of your menu in Appearance > UberMenu > Integration. For more details, please see https://sevenspark.com/docs/ubermenu-3/integration/manualhttps://sevenspark.com/docs/ubermenu-3/integration/manual

Also see https://youtu.be/BmkRq55aaic

Thanks.

thank you ! I have done it . Unfortunately , it appears nice on the backend and does not change anything in the frontend. I have cleaned , cloudflare, super cache, browser cache and nothing happens on the frontend( the header is saved and looks nice on the backend)

Hello There,

It seems that you have a caching issue. Always keep in mind that after making any site changes, you will need to login to your CloudFlare account and purge your site cache. This is to make sure that you latest changes has been reflected and not the cache version being serve by CloudFlare. For best results, please ensure that you are using the recommended CloudFlare settings found in this link: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/

Hope this helps.

Unfortunately i have cleaned all the cache cloudflare as well . i leave the credentials if you need them

Hello There,

Thanks for providing the information. It appears that although you have created a custom header, you haven’t assign it to display to any page or use it globally. When a custom header is un-assign, you will only see it in the custom header builder. You must assign it first before it will display in your front end.

Hope this helps.

great it works . By the way could be possible to have different header for differen devices ? how could be achieved ? I mean one bar for smartphones and tablets and another style for desktops? thanks

Hello There,

You can assign only one header. In a custom header, you can have several bars and hide/show each bar to different screen sizes. You can achieve that by utilizing the “Hide During Breakpoints” options. To know more about it, please check this out: https://theme.co/apex/forum/t/hide-during-breakpoint-explained/17378

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.