Dawn Theme Footer

[emilyaugstudios]

Hi, I have a few questions about the dawn theme footer. Overall I want to tidy up the footer so it looks a lot cleaner, I have designed a rough mockup of what I mean (before and after below).

1. I’d like to align the 3 footer menus to the other side of the page (right) so they finish in a similar spacing position to where the text begins on the left.

2. I’d like to move the social icons to sit directly below the brand text section.

3. I’d like to make the email sign up slightly wider to flow in line with the brand text section above.

I’ve played around a lot with the footer and feel like the overall design is getting there, I’m not 100% sure is any/all of this is possible but any help/advice would be greatly appreciated! Thanks in advance.

BEFORE (current look) :

AFTER (what we are aiming for) :

I’m using the dawn theme and the website URL is - https://thirtyfourbeauty.com/

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

Here are the Solutions!

Go to Online Store->Theme->Edit code

footer.liquid ->paste this one-line code below this code line no. 87

{%- case block.type -%}
                  {%- when '@app' -%}
                    {% render block %}
                  {%- when 'text' -%}
                    
                      {{ block.settings.subtext }}
                    

This snippet file name should be match social-icons = {%- render ‘social-icons’, class: ‘footer__list-social’ -%}

and remove this code which you can find before the {% endless %}

And then you have to add custom CSS to match the email signup block width with above brand text width.

If you have any concerns feel free to ask me!

Regards,
San