Solved

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

GLEBEDIN
Visitor
3 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
363 68 59

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 

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
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 5 (5)

TerenceKEANE
Shopify Partner
363 68 59

Hello!

 

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

Terence

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
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
Visitor
3 0 0

Terence, 

Thanks for taking a look.

https://wvizx7yipai5ut6u-84995768598.shopifypreview.com

 

German

TerenceKEANE
Shopify Partner
363 68 59

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 

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
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
Visitor
3 0 0

Thanks ! That did the trick.

TerenceKEANE
Shopify Partner
363 68 59

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.

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
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