top bar in header

in header top bar is there. i need to remove that top bar in products page alone. And remaining pages i need that top bar. is it possible to remove top bar in products page alone.. please help.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to remove the top bar on single product pages.

.single-product .topbar-wrapp {
	display:none;
}

Regards

thank you… i need to remove it from shop page also…..

i want to remove from shop page

Attachments:

You must be logged in to view attached files.

Try this also

.post-type-archive-product .topbar-wrapp {
	display:none;
}

Regards

thankyou.. but it is changing alignment of main menu… plz help…

Provide your website link.

main menu miss aligned after removing top bar… plzz help…

Attachments:

You must be logged in to view attached files.

ya k…

Sorry, but this header can’t be used with the code we gave. You can disable top bar globally only in Theme Settings -> Header -> Topbar. Disabling it manually breaks other functionality.

cant we give css for main menu in shop page alone…..

ya k… thank you…….

Try to use this one

.sticky-header-prepared.basel-top-bar-on.post-type-archive-product .header-shop {
    top: 0;
}

[Author]

Posts