How can I relocate social media icons in my footer menu?

Store Design
,

Topic summary

A user wants to reposition social media icons in their footer menu to appear directly below the 4th column (under a menu item labeled “Conecte-se conosco”).

Solution Provided:
Another user shared CSS code to be added to the base.css file:

  • Uses media query for screens min-width 750px
  • Positions .footer-block--newsletter absolutely with right: 148px and top: 5px
  • Sets .footer__content-top to position: relative

Outcome:
The original poster initially made a small adjustment (changing right to 58px), but later confirmed that the original 148px value was actually correct. They acknowledged they weren’t testing properly in the browser initially.

Status: Resolved - the CSS solution successfully repositioned the social media icons as desired.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I would like to move the social media icons so they will be positioned just below the 4th column in the footer Menu.

So, the social media icons will be positioned just below the Menu Item “Conecte-se conosco”

Site URL is https://porsche-rj-8273.myshopify.com/

Screen Shot 2023-05-21 at 23.37.13.png
Screen Shot 2023-05-21 at 23.37.13.png1617×413 24.8 KB

Thanks

2

Add this CSS code to base.css file

@media screen and (min-width: 750px){
.footer-block--newsletter {
position: absolute;
right: 148px;
top: 5px;
}
.footer__content-top {
position: relative;
}
}

Screenshot 2023-05-22 at 09.50.48.png
Screenshot 2023-05-22 at 09.50.48.png1540×480 252 KB

3

Hi Dan,

I made a small adjustment and it is ok .

Thanks !

@media screen and (min-width: 750px){
.footer-block–newsletter {
position: absolute;
right: 58px;
top: 5px;
}
.footer__content-top {
position: relative;
}
}

1 Like
4

Happy I could help

5

Actually, 148px was correct.

I was not testing it in the browser…

Thanks.