How can I achieve a minimal footer design in Dawn?

Store Design
, , ,
1

Hello,

I am trying to clean up the footer so it has a more minimal design.

I would like to move the locale dropdown and the copywright text to be in the same row as the social media icons on my website. Can someone please advise how to do this?

2

@GIREGGIA

You need to modify the code of sections > footer.liquid file to arrange local dropdown and copywright on the same line with socials icon

3

Hello! Here’s a bit of code to help you out:

{% style %}
button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    position: relative;
    bottom: 150px;
}
{% endstyle %}

Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.

It looks pretty good to me, even as it breaks down to mobile, but check it out yourself before you publish!

If you want to do this without touching the code you can also use the app Easy Edits to make the edit and just drag and drop it in position. (use the drag and drop check box). You can also make seperate edits on mobile with the app, making sure it’s where you want as it breaks down. You can make the edit and delete the app without paying for anything, and keep the edits.

Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!

4

@mt686 that worked for the locale dropdown but the copyright logo is still located below it. how can i include this to be on the same level as the locale dropdown?