How to change placement of footer menu & email sign up

Topic summary

A user seeks to reorganize their footer layout to match a reference design, specifically wanting to reposition the email signup box and footer menu placement, plus adjust social media icon distribution.

Initial Confusion:

  • Multiple helpers initially misunderstood the request as a color change (black to white)
  • User clarified they want layout restructuring, not color modifications

Solution Provided:

  • Made4uo-Ribe delivered working CSS code targeting footer content alignment
  • Code uses flexbox properties (flex-direction: row-reverse, column gaps, width adjustments) to reposition elements
  • Implementation requires adding CSS to Shopify theme files (base.css, theme.css, or styles.css)

Implementation Steps:

  1. Navigate to Shopify Admin → Online Store → Theme → Edit code
  2. Locate the appropriate CSS file
  3. Insert provided CSS at bottom of file and save

Status: Resolved - Original poster confirmed the solution worked exactly as intended. A follow-up user later requested clarification on where to paste the same code for their similar issue.

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

Thanks for your time and answer, but I don’t want to make it white, my problem is that i want my actual footer (in black picture) to be as the other footer, not in terms of color, in terms of moving the email box next to the “costumer care” menu just as in the “white footer photo”.

Also move the social media icons just as the second picture, tittle of problem is:

How to change placement of footer menu & email sign up