Remove White Space Between Sections in Minimog

Topic summary

A user encountered unwanted white space between the last section and footer on all pages except the homepage in the Minimog theme. The space persisted even when hiding elements.

Solution provided:

  • Add CSS code to modules.css file:
.template-page #MainContent {
  padding-bottom: 0px !important;
}

Outcome:
The original poster confirmed the solution worked successfully.

Follow-up:
Another user later reported a similar issue with space between sections and footer, sharing a screenshot and store URL. This indicates the problem may be common with the Minimog theme and the same CSS fix could potentially apply.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

HI,

I am using minimog theme and want to know how to remove this white space between the last element and footer. (It should look like Picture 2)

The space is not vivisble at the home page but in any other page it is. When i hide the last element or footer the space is still there.

Thanks in advance.

Here is the space i wanna get rid off: (Between Footer and last element)

This is a Screenshot from the Home Page (Not sure why there is no space but this is how i want it)

SHOP PREVIEW: https://7bs17n6i6gm6efws-55285219462.shopifypreview.com

Hi @marcelk , can you share your store url?

https://7bs17n6i6gm6efws-55285219462.shopifypreview.com

@marcelk , it looks fine:

Yeah on the home page but check out Products > 3D Firmenlogos and scroll down

@marcelk , go to modules.css and add the following code :

.template-page #MainContent {
    padding-bottom: 0px !important;
}

thanks a lot :kissing_face:

1 Like

@marcelk , Glad I helped, feel free to contact me any time if you need help.

Hi, i have space between section and footer, how to remove this

my url

https://admin.shopify.com/store/xu1xjy-jv/themes?appLoadId=51e3d555-7da4-41d6-8f10-df01ce569ca7