Change social media icon(s) positioning in footer

Solved

Change social media icon(s) positioning in footer

golazocases
Explorer
96 0 28

i want to move the social media icon(s) in the footer so that they are placed above the 'useful links' menu. please see attached for reference

 

URL: golazocasesuk.myshopify.com

theme: trade

 

Screenshot 2024-08-11 at 15.59.06.png

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2350 702 828

This is an accepted solution.

- Here is the solution for you @golazocases 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.footer__content-top {
 display: grid !important;
}
.footer__content-top .footer-block--newsletter {
 order: -1 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1723388685822.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

BSS-TekLabs
Shopify Partner
2350 702 828

This is an accepted solution.

- Here is the solution for you @golazocases 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.footer__content-top {
 display: grid !important;
}
.footer__content-top .footer-block--newsletter {
 order: -1 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1723388685822.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
golazocases
Explorer
96 0 28

thanks but can you ensure the padding between the icon and the text is equal to the padding below

 

BSS-TekLabs
Shopify Partner
2350 702 828

Can you try this code @golazocases 

.footer__content-top {
 display: grid !important;
}
.footer__content-top .footer-block--newsletter {
 order: -1 !important;
margin-bottom: 2rem !important;
}

BSSTekLabs_0-1723389019592.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now