How to adjust the footer size in Retina theme?

Solved

How to adjust the footer size in Retina theme?

Aiturtle
Tourist
18 0 3

Wondering if anybody can help or offer a solution as I can't seem to figure out how to make my footer shorter. I'd like it to end roughly where I've drawn the red line. Would really appreciate any advice. I'm using 'Retina' from Out of the Sandbox

 

Thank you

 

 

Footer.png

Accepted Solution (1)
Weaverse
Shopify Partner
80 25 35

This is an accepted solution.

Hi @Aiturtle,
Here is the step:

  1. From your Shopify admin, go to 'Online store' and then 'Themes'.
  2. Click on the 'Actions' button next to your 'Retina' theme and select 'Edit code'.
  3. In the left-hand menu, find and click on the 'Assets' folder.
  4. Scroll down and click on the 'theme.css' file to open it.
  5. Add the following code at the bottom of the file:

 

.footer-bottom { display: none; }

 

Save the changes and refresh your website to see the updated footer.

Helping merchants build super unique, high-performance storefronts using Weaverse + Hydrogen.
Looking for Development & Agency partners.
If you find the answer helpful, give it a thumbs up!
Our App: Theme Customizer for Shopify Hydrogen
Join our Weaverse + Hydrogen community: Weaverse Community

View solution in original post

Replies 6 (6)

Weaverse
Shopify Partner
80 25 35

Hi there,
AFAIK, you've removed the Bottom Footer of the theme. However, they still left some space there; you might use this custom CSS code to fix the issue:

.footer-bottom {
    display: none;
}

Let me know if it helps.

Regards.

Helping merchants build super unique, high-performance storefronts using Weaverse + Hydrogen.
Looking for Development & Agency partners.
If you find the answer helpful, give it a thumbs up!
Our App: Theme Customizer for Shopify Hydrogen
Join our Weaverse + Hydrogen community: Weaverse Community
Aiturtle
Tourist
18 0 3

Hey there, thanks for getting back to me. I haven't removed the footer but i did remove the 'powered by shopify' text. Is that what you mean by bottom footer? And sorry I'm not too familar with code, can you let me know where exactly to paste it? Thank you!

Weaverse
Shopify Partner
80 25 35

This is an accepted solution.

Hi @Aiturtle,
Here is the step:

  1. From your Shopify admin, go to 'Online store' and then 'Themes'.
  2. Click on the 'Actions' button next to your 'Retina' theme and select 'Edit code'.
  3. In the left-hand menu, find and click on the 'Assets' folder.
  4. Scroll down and click on the 'theme.css' file to open it.
  5. Add the following code at the bottom of the file:

 

.footer-bottom { display: none; }

 

Save the changes and refresh your website to see the updated footer.

Helping merchants build super unique, high-performance storefronts using Weaverse + Hydrogen.
Looking for Development & Agency partners.
If you find the answer helpful, give it a thumbs up!
Our App: Theme Customizer for Shopify Hydrogen
Join our Weaverse + Hydrogen community: Weaverse Community
Aiturtle
Tourist
18 0 3

Hey thanks so much! Worked perfectly 😃

PageFly-Victor
Shopify Partner
7865 1785 3101

Hi @Aiturtle ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

Aiturtle
Tourist
18 0 3

Hey there, the URL is https://www.alpinetails.com and the password is Delah11, thank you!