To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Dawn Theme: Footer padding in line with Header

Solved
Ankita31
Explorer
96 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)

Accepted Solutions
made4Uo
Shopify Partner
2590 477 718

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;
}
}

 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.

View solution in original post

Replies 4 (4)
made4Uo
Shopify Partner
2590 477 718

Hi @Ankita31 

 

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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
Ankita31
Explorer
96 0 16

Hi @made4Uo  thank you for coming back to me 🙂

 

ofcourse, have sent you a msg 🙂

made4Uo
Shopify Partner
2590 477 718

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;
}
}

 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
Ankita31
Explorer
96 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