Cannot Remove Header and Menu Fields
-
Trying without success to remove the header and menu fields from all of my woocommerce pages. As you can see, I was able to make them nigh invisible, but the fields are still there, as well as invisible breadcumb links if you hover over the left of the header field.
I’m using the Jupiter X theme and editing with Elementor Pro.
Have tried about 30 different custom CSS from 20 different posts on the topic using both the theme customizer and the single product template page and messed with settings for hours. NOTHING WORKS! I want those fields gone. I’ll make my own fields in the template if I want something on there.
Please help.
The page I need help with: [log in to see the link]
-
Hello, when it is the right time to start
@manucastle78 huh? If you mean about the page not loading, I’m having some server issues, so you might have to refresh a few times.
Tell me when you are free and i will help you to fix this issue, this is my email : [email protected]
Hi there,
By default, WooCommerce doesn’t have any direct control over the header/menu sections used on a site – these are all powered by your theme (and occasionally Elementor if you have a specific template assigned).
With that said, you could try the following custom CSS:
.woocommerce-page .jupiterx-main-header { display: none !important; }For more help on this, you’ll want to get in touch with the support team at either Elementor or your theme 🙂
@riaanknoetze omg, that fixed it!! Thank you so much.
@riaanknoetze nooo. It only fixed it on desktop, mobile and tablet both still have it!
@riaanknoetze bump
Hey @antimtr,
Looking through the code on mobile, you could replace the previous code I shared with the following:
.woocommerce-page.jet-mobile-menu-active .jet-mobile-menu-toggle-button { display: none !important; } .woocommerce-page .jupiterx-main-header, .woocommerce-page .jupiterx-site-navbar > div { visibility: hidden !important; }This is what it looks like on mobile on my side then:
Link to image: https://cld.wthms.co/52O341@riaanknoetze oooh ok. This gets it SO CLOSE to what I need and I really appreciate all of your help. Now the only problem is that the menu I put on the page manually is no longer working when I click it. Works on all my other pages ( https://antimtr.com/?page_id=212 for example )
the MOBILE menu I put on the page manually, to clarify. Sorry. The desktop menu works just fine.
Just to make sure – did you tweak/change the code I shared previously? I’m asking as the mobile menu is working as expected on my side on https://antimtr.com/?page_id=212:
Link to image: https://cld.wthms.co/fno94a@riaanknoetze The mobile menu works fine on every page that isn’t a woocommerce page. I sent you page https://antimtr.com/?page_id=212 to show you that it DOES work there.
I did have to modify your code to make the mobile menu I wanted reappear on the woocommerce pages ( specifically, I removed this segment “.woocommerce-page.jet-mobile-menu-active .jet-mobile-menu-toggle-button { display: none !important; }” ). Doing so made the correct menu reappear on mobile, but it is basically unclickable for some reason. If I smash it about 20 times it works.
Please see this page on mobile to experience what I’m talking about: https://antimtr.com/?product=nwt-fila-tennis-outfit
@riaanknoetze Still haven’t been able to figure this out. D;
anyone???
The topic ‘Cannot Remove Header and Menu Fields’ is closed to new replies.