Boxed header is getting merged with shop page
-
We have set the boxed header layout for the website, but on the Shop and individual Product pages, the header appears merged with the main content instead of maintaining the boxed layout.
For the other pages, we were able to fix the issue by adjusting the margins. However, the same approach does not seem to work for the Shop and Product pages.
Could you please guide us on how to properly maintain the boxed header layout?
Hello,
Try to use the below custom css code in Theme Settings > Custom CSS:
body.woocommerce .wd-page-content,
body.single-product .wd-page-content {
padding-top: 110px;
}
Best Regards
Can you suggest such code for the entire website?
Hello,
Yes, if you want to apply the same spacing to the entire website, you can use the following CSS in Theme Settings > Custom CSS:
body .wd-page-content {
padding-top: 110px;
}
Best Regards
.
