Dawn Theme: Footer padding in line with Header

[Ankita31]

Hi - I would like to add padding to the left side of my footer so its in line with my header wording ("HOME") or is there any other way to get my footer menu wording (left only) to be in line with the header? Please see below 🙂

Store: www.smara.co.uk

Thank you,

Ankita

[made4Uo]

Hi @Ankita31 

Your website is password protected. Are you able to provide the password?

[Ankita31]

Hi @made4Uo  thank you for coming back to me 🙂

ofcourse, have sent you a msg 🙂

[made4Uo · Accepted solution]

Hi @Ankita31 

Sorry for the delay. You can use the code below to align the footer. 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

@media screen and (min-width: 750px){
.footer-block__details-content .list-menu__item.list-menu__item--link {
    padding-left: 1.2rem;
}
}

[Ankita31]

Hi @made4Uo 

This worked! 🙂

Please can you help me with mobile view too? I would like the footer to be aligned as per below:

1) Footer menu left align, in line with start of hamburger menu

2) "JOIN US DOWN MEMORY LANE"  left align, in line with start of hamburger menu
3) Email address box to fill the page - in line with the start of the hamburger and in line with shopping cart
4) Social media icons left align, in line with start of hamburger menu

Please see the example below:

Thanks so much in advance,

Ankita

@Litos