How to move logo icon in footer

awirtz
Explorer
54 0 11

Is there a way I can move my logo icon down and centered in the footer? Using the Pipeline theme. I would like it to go under the gray line if possible. Thank you.

 

Here is a link to my unpublished site: https://9kmso76mstam2259-57200312371.shopifypreview.com

Screenshot 2024-05-28 at 10.15.53 PM.png

Replies 4 (4)

TerenceKEANE
Shopify Partner
511 86 78

Hi,

 

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.

 

Terence.

 

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>


.footer__logo__wrapper {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translate(-50%, 0);
}
  
</style>

 

shopify.head.jpg

TerenceKEANE_0-1717265094834.png

 

 

 

★ 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
awirtz
Explorer
54 0 11

That worked to move the logo. Is there a way I can get it under the gray line? And also add padding space to the left side of the menu text? Thanks again for the help, I appreciate it.

https://1p0ugltgdz6oyihi-57200312371.shopifypreview.com

 

TerenceKEANE
Shopify Partner
511 86 78

You are welcome,

 

I can't see your logo. I also wrote in the other thread.

★ 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
awirtz
Explorer
54 0 11

I removed it. Thanks.