Draft Theme - Footer Menu Adjustment

Store Design

Topic summary

Shopify footer layout adjustments in the Draft theme: align payment icons with “Powered by Shopify,” add a thin default divider line above the footer, and reposition the newsletter block lower.

Desktop progress:

  • CSS edits in base.css/theme.css were applied. The top divider was added to .footer__content-top and spacing fixed by setting padding-top to 0 in the theme customizer. Footer width was extended to page edges (max-width: 100%; wrapper width set), and overall alignment confirmed acceptable.
  • User confirmed the desktop layout now matches expectations after removing extra space and extending the line fully.

Mobile issues (outstanding):

  • On phones, the top divider line doesn’t appear, and the “Policies” title is too close to the image. Media-query CSS (@media max-width: 749px) with padding adjustments and !important was suggested.
  • Changes did not take effect, and adding the CSS in the theme’s custom CSS field triggers “Correct the errors to save your custom CSS.” The mobile layout remains unresolved.

Notes:

  • Screenshots and CSS snippets are central to understanding the changes (edits to base.css/theme.css and customizer CSS).
  • Discussion is ongoing; desktop resolved, mobile spacing and divider line unresolved pending a savable/applicable CSS fix.
Summarized with AI on December 27. AI used: gpt-5.
20

@Made4uo-Ribe Hi my friend, I hope you are good.

I need your help about our topic for phone version.

Our line does not appear on phone version. Also on the main page of the phone version, there is no blank between the title ‘’ Policies ‘’ and the image. Could you help for them as well ?

berkeyazer_1-1715799321278.png
berkeyazer_1-1715799321278.png550×633 173 KB

berkeyazer_0-1715799236038.png
berkeyazer_0-1715799236038.png556×390 31.8 KB