How to get the social pictograms on the right spot

Store Design
,

Topic summary

A user is trying to align social media icons symmetrically next to an email subscription form in their store’s footer.

Initial Solution:

  • A helper provided CSS code to adjust footer layout using flexbox properties (justify-content: space-between and flex-direction: row).

Problem Progression:

  • The first CSS snippet caused layout issues with the icons.
  • Adding !important to flex-direction: row fixed the icon positioning.
  • However, this created a new problem: the email subscription field is no longer centered.

Current Status:
The discussion remains open with the centering issue unresolved. Images throughout show the visual progression of the layout changes at each step.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

How can i get the social pictograms on the right symetrical spot next to the email subscription?

mesxrnxsernsxenr
mesxrnxsernsxenr1230×191 5.73 KB

2

Hi @flaner,

Please go to Customize > Theme settings > Custom CSS and add code:

@media screen and (min-width: 990px) {
.footer__content-top.page-width {
    justify-content: space-between;
}
.footer-block--newsletter {
    flex-direction: row;
}
}

If I helped you, then a Like would be truly appreciated.

Best,
NamPhan

3

Hi, when i do that code it looks like this

nzsewrnzsernzsern
nzsewrnzsernzsern1904×260 5.44 KB

4

Hi @flaner,

Please change code here:

Screenshot
Screenshot1636×514 38.5 KB

Code:

flex-direction: row !important;
5

Hi, it worked for the pictograms but now the subscription email is not in the middle.

mxdrtnxdrtndxrtnOH
mxdrtnxdrtndxrtnOH1904×110 4.87 KB