Body Padding

Hi,

Could you please help me with the body padding? As you can see in the screenshots, the header “overlays” the body. I want more space between the header and the body of each page. Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. If you want to add this css for specific pages use page id for this.

.main-page-wrapper {
    margin-top: 40px !important;
}

Best Regards.

That worked, but it seems only the shop related pages needed to have their margins tinkered with. Other pages should stay as they were. I used this code to make it work, but am not sure if that’s the right way to do it. Please, check the code and let me know if there’s a better/more practical way.

/* Add 40px margin to the whole website */
.main-page-wrapper {
margin-top: 40px !important;
}

/* Remove the margin for the specific pages */
.page-id-3669 .main-page-wrapper,
.page-id-4400 .main-page-wrapper,
.page-id-4439 .main-page-wrapper {
margin-top: 0 !important;
}

Hello,

Try to use this below code for archive pages.

.archive .main-page-wrapper {
    margin-top: 40px !important;
}

Best Regards.

That doesn’t work. Only the “Shop” page seems ok, but other webshop related pages (single product, cart, etc.) do not work and have their margin wrong.

Hello,

Sorry to say i am unable to login or visit your site due to database error:
https://ibb.co/zsL4qpy

Best Regards.

[Author]

Posts