Solved

Dawn Theme: Footer padding in line with Header

Ankita31
Explorer
98 0 16

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 🙂

Ankita31_0-1668816558590.png

 

Store: www.smara.co.uk

 

Thank you,

Ankita

Accepted Solution (1)
made4Uo
Shopify Partner
3804 713 1124

This is an 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;
}
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 4 (4)

made4Uo
Shopify Partner
3804 713 1124

Hi @Ankita31 

 

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

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
Ankita31
Explorer
98 0 16

Hi @made4Uo  thank you for coming back to me 🙂

 

ofcourse, have sent you a msg 🙂

made4Uo
Shopify Partner
3804 713 1124

This is an 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;
}
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
Ankita31
Explorer
98 0 16

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

Ankita31_0-1669077031386.png

 

Please see the example below:

Ankita31_1-1669077500471.png

 

Thanks so much in advance,

Ankita

 

@Litos