Focal Theme - Fiddly Footer

Technical Q&A
, ,

Topic summary

A user is experiencing a CSS layout issue where footer icons are displaying vertically instead of horizontally beneath links and an email signup field. The problem exists in a draft theme currently being updated.

Key Details:

  • Issue occurs in preview theme, not the live site
  • Icons need to align horizontally in the footer section
  • Screenshot provided showing vertical icon alignment

Proposed Solution:
A community member suggested adding CSS code to fix the alignment:

.social-icons {
  display: flex;
  gap: 0.5rem;
}

Current Status:
The original poster has asked for clarification on where to implement the CSS code. The discussion remains open, awaiting instructions on code placement.

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

Hi there I’m hoping anyone can help me, I’m trying to line up the icons horizontally below my links and sign up email tab but I can’t seem to get it to come out of vertical position

Thanks for any help!!

IMG_7836
IMG_78361284×2778 168 KB

2

Hello @Hstoltman ,

I hope you are well!

Can you please provide me the store URL? It will be helpful for me to provide yout the CSS which will horizontally align the email and icons.

3
4

Can you please confirm if the the link is correct? I am getting the icons in one line.

image
image332×596 9.46 KB

5

I am updating my theme so it is a draft site atm, the one you viewed is live theme

1 Like
6

Can you please provide the link of preview theme by going to online store >> Themes >> Click on menu icon >> Right click on preview and copy link address. Now, you just need to paste here.

image
image1912×808 125 KB

7

https://stoltmanbrothers.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=183618634105

8

You may try adding this CSS code:

.social-icons {
  display: flex;
  gap: 0.5rem;
}
9

Thanks for reply where would I add this?