Adjust footer menu alignment

Ask & Offer
,
1

Hi, I am looking to adjust the footer menu alignment for my store front. I want the social media icons to be on the same row as the footer menu items. I am using the Origin theme.

Screenshot 2025-11-07 at 4.07.16 pm
Screenshot 2025-11-07 at 4.07.16 pm645Ă—219 1.98 KB

1 Like
2

Hey @av360-eveleigh2

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

This is the Origin theme demo store:

Screenshot 2025-11-07 at 5.12.22 PM
Screenshot 2025-11-07 at 5.12.22 PM740Ă—493 16.6 KB

Paste this code to the Footer section “Custom CSS” setting.

.footer__content-top {
  display: flex;
  gap: 0 2rem;
  justify-content: center;
}

.footer__content-top > * {
  margin: 0;
  align-content: center;
}
4

Hello, @av360-eveleigh2

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.footer__content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.footer__content ul {
  display: flex !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.list-social {
  display: flex !important;
  gap: 15px !important;
  margin: 0 !important;
}
5

Thank you, this works great!

1 Like