Body Padding

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;
}

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.

There’s something messed up with the margins. I removed the margins on the pages I have control (home, about us, and contact) and they work fine.

Every other page (webshop related), such as shop page, single product, cart, my account etc., have too short top margins and some of them have huge footers. Please check the screenshots.

Did you even check the pictures, please do? I also have a problem with the footer. Some of the pages such as product archive are “too short” which forces footer to expand I guess. Please confirm if that is the case and how should I fix it?

This is how the My Account looks from my side. I tried different browsers as well. I also cleared the website cache.

I can’t figure out why is this happening. The footer is large for some reason on some pages. Here’s an example again from the shop page.

That’s because I changed the product grid layout from 3 to 2 in a row, which made the body longer. That is not a permanent solution. What if I want to have 2 products in a row as it was? Refer to the sent screenshot, and disregard the current situation.

I tried different browser but same result. The area below the footer with the copyright is too large/high.