How to relocate social media icon on mobile view only?

Store Design
, , , , , ,

Topic summary

A user seeks to reposition social media icons below the email newsletter input field on mobile view only for their Shopify store (koredoko.com).

Proposed Solutions:

  • Two respondents suggest modifying CSS by changing .list-social from position: absolute; to position: unset;
  • One helper offers direct assistance via DM based on similar past work

Complication:
The original poster clarified they intentionally used position: absolute; to center the newsletter relative to the page border, creating a potential conflict with the suggested fix.

Status:
The discussion remains open with an unanswered question about finding a workaround that maintains both the centered newsletter and repositioned social icons on mobile.

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

Hi, On Mobile Only how do I move the Social Media Icon underneath Email Newsletter Input?

site: https://koredoko.com/products/the-peignoir-top

Screenshot 2023-12-12 at 2.53.05 AM.png
Screenshot 2023-12-12 at 2.53.05 AM.png934×674 120 KB

2

Hi @skymochi

.list-social {
    position: unset;
}

If this code will work then please like the answer and marked as accepted solution.

Best Regards

Team_OSC

3

This requires a code edit. I’ve noticed that your class=“list-social” has a position: absolute;

You need to remove this line in CSS.

That might help you get this done. Personally, I’ve done something very close to this in the past, just DM me if you need my help!

4

Hi, I put the absolute function in, so that my newsletter would center to page border. Is there a workaround code for this?