I would like to have a header in the footer of my website with social icons below the heade

Technical Q&A
, , , ,

Topic summary

A user is attempting to add a custom footer section with a header and clickable social media icons (Instagram, Line, YouTube, Twitter) styled at 30px with specific colors.

The Problem:
The provided CSS and HTML code unintentionally affects other header elements on the website, causing unwanted styling conflicts.

Code Provided:
The user shared HTML/CSS using Font Awesome icons with inline color styling and flexbox layout. However, portions of the code appear corrupted or reversed in the post.

Current Status:
Two respondents offered assistance but requested additional information:

  • Access to the theme code to implement proper changes
  • Store URL and credentials to diagnose the styling conflict

The issue remains unresolved pending the user providing store access or more specific details about which header elements are being affected.

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

I would like to have a header in the footer of my website with social icons below the header - Instagram, line, YouTube, Twitter - that are coloured and around 30px in size, and that can be clicked to jump.
But my code always affects the other header positions, I would like to ask if anyone knows what is going on?

.social-icons-container { display: flex; align-items: center; justify-content: flex-start; } .social-icon { transition: color 0.2s; list-style: none; margin-right: 15px; text-decoration: none !important; } h1 { display: flex; align-items: center; justify-content: flex-start; color: black; } /* 这里是添加的一行 */ h4 { margin-bottom: 20px; }

FOLLOW US

2

What I understand is that you want to add social icons in the header of your website.

If so, then I can help you with this. But I have to make changes in your theme code to get the desired output.

let me know if I can access your theme code to help you.

3

Hello @nonnico ,

To help you with this we need some more information about your store. Share your store URL and help us with your store credentials so that we can check the issue at our end and let you know the best possible solution.

Regards,

CedCommerce