How to adjust height in a header and footer if Reformation Theme does not have that built in.

Shopify Discussion

Topic summary

Main topic: Adjusting header and footer height in the Shopify Reformation theme, which lacks built‑in settings for this.

What changed: A helper advised adding custom CSS directly in theme.liquid. Steps given: open Edit Code, locate theme.liquid, and paste CSS under the tag. They noted sizing changes could affect other elements and may need follow‑up tweaks.

Outcome so far: The original poster implemented the instructions and confirmed the header/footer height adjustment worked.

Attachments/omissions: The post references a screenshot showing where to paste code and includes a CSS block, but the actual CSS is not visible in the transcript. The screenshot appears central to the implementation.

New requests: The poster asked how to remove white space at the bottom of the page and move the “follow shop” icon to the header next to the logo (site: zepproshop.com). They previously provided a preview link for review.

Status: Initial issue resolved. Follow‑up questions about bottom spacing and icon placement are open with no solution posted yet.

Summarized with AI on December 25. AI used: gpt-5.
1

Hello,

Can someone point me or explain how to code for adjusting the padding which I believe

controls the height of the header and footer. Currently the Reformation Theme does not

have the function.

Thank You !

2

Hello!

Some themes don’t have this feature. It requires manual code insertion. What is the name of the website?

Terence

3

Terence,

Thanks for taking a look.

https://wvizx7yipai5ut6u-84995768598.shopifypreview.com

German

4

Yes, I’ve just noticed that there seem to be quite a few sizing issues on your e-commerce website. While you can add the desired sizing using the methods below, these changes may cause disruptions to other elements, requiring additional work to address those as well. I hope I’ve explained this clearly.

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.

  1. Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘theme.liquid’ in the search bar.

  2. Paste the following code below the ‘’ tag. Please refer to the attached screenshot for guidance.

shopify.head.jpg
shopify.head.jpg1366×545 61.8 KB

1 Like
5

Thanks ! That did the trick.

6

You are welcome :wink:

Let me know if you need any further assistance. Feel free to tag me or send a private message when opening a new topic. If I find time outside of our software and "Shopify Premium Support" service, I can assist.

Best regards.

Terence.

7

Hi Terence,

How can I edit the code so that there is no white space on the bottom of the page and the “follow shop” icon

is on the header next to the logo.