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

Solved

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

GLEBEDIN
New Member
4 0 0

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 !

Accepted Solution (1)
TerenceKEANE
Shopify Partner
512 86 79

This is an accepted solution.

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 '<head>' tag. Please refer to the attached screenshot for guidance.

 

<style>
.header {
    max-height: 200px;
}

.footer {
    max-height: 300px;
}  
</style>

shopify.head.jpg 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

View solution in original post

Replies 6 (6)

TerenceKEANE
Shopify Partner
512 86 79

Hello!

 

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

Terence

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
GLEBEDIN
New Member
4 0 0

Terence, 

Thanks for taking a look.

https://wvizx7yipai5ut6u-84995768598.shopifypreview.com

 

German

TerenceKEANE
Shopify Partner
512 86 79

This is an accepted solution.

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 '<head>' tag. Please refer to the attached screenshot for guidance.

 

<style>
.header {
    max-height: 200px;
}

.footer {
    max-height: 300px;
}  
</style>

shopify.head.jpg 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
GLEBEDIN
New Member
4 0 0

Thanks ! That did the trick.

TerenceKEANE
Shopify Partner
512 86 79

You are welcome 😉

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.

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
GLEBEDIN
New Member
4 0 0

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.

zepproshop.com