Shopify themes, liquid, logos, and UX
Hello Shopify community
I'm looking for a solution about making a space between sections in the footer menu.
you can see the photo.
website URL: https://avirastore10.myshopify.com/
Pass: 12345
Thank you
Solved! Go to the solution
This is an accepted solution.
@Avira- please add this css to the very end of theme.css file and check
.site-footer__linklist-item:last-of-type {
padding-right: 30px;
}
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.site-footer__linklist-item {
padding: 0px 0px 5px 0 !important;
margin-right: 20px !important;
}
}
This is an accepted solution.
@Avira- if you want like the screenshot then add this css
.site-footer__item .site-footer__linklist{display: flex; flex-direction: column;}
.site-footer__linklist-item {padding-right: 0;}
Photo:
Please share screenshot what do you want!
I want to know how I make a space between 'terms service' and 'shipping policy'.
This is an accepted solution.
@Avira- please add this css to the very end of theme.css file and check
.site-footer__linklist-item:last-of-type {
padding-right: 30px;
}
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.site-footer__linklist-item {
padding: 0px 0px 5px 0 !important;
margin-right: 20px !important;
}
}
Works perfectly!
another question
there is a way to make this menu vertically?
This is an accepted solution.
@Avira- if you want like the screenshot then add this css
.site-footer__item .site-footer__linklist{display: flex; flex-direction: column;}
.site-footer__linklist-item {padding-right: 0;}
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