Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
}
Hi @Ankita31
Your website is password protected. Are you able to provide the password?
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;
}
}
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024