Move social media to bottom after footer menu

New Member
9 0 0

Hello everyone, 


I was struggling to change sizes width of my footer menu in shopify. However, I managed to do so but now I'm stuck as my social media icons appear "sandwiched" between two rows of my footer menu. I want it to appear at the bottom (in desktop view). in mobile view it seems fine. 


Please do help me  out. This is what I added in my base.css file at the bottom: 


/*solution two */
@media(min-width: 768px){
.footer .footer__content-top{ display: flex; align-items: flex-start;}
.footer .footer__content-top .grid{ width: 55%;}
.footer .footer-block--newsletter{ width: 25%;}



Screenshot 2023-03-18 230629.png

Replies 3 (3)
New Member
9 0 0

I managed to increase the space but those two bottom menus. I don't know how I move it up. 

Shopify Partner
5267 1184 959

Hi @kashco 


Can you give me your page URL (with pass if your store password is enabled), so I can check it for you? 


Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
New Member
9 0 0

I appreciate your response. I've managed to add several footer menu (which was my aim too) and figured how to split them. tahnk you.