Shopify themes, liquid, logos, and UX
Hi all,
My footer menu is currently like this:
I'd like to make it horizontal and remove the underlines from each link like this:
I'm using the Kingdom Theme.
Solved! Go to the solution
This is an accepted solution.
hello @chromehurtz
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
#shopify-section-footer .footer .footer-item .footer-links{
display: flex ;
}
#shopify-section-footer .footer .footer-item .footer-links span{
flex: 0 0 20% ;
margin: 0 5px ;
}
#shopify-section-footer .footer .footer-item .footer-links span >a{
border-bottom: unset !important;
}
hello @chromehurtz
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
This is an accepted solution.
hello @chromehurtz
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
#shopify-section-footer .footer .footer-item .footer-links{
display: flex ;
}
#shopify-section-footer .footer .footer-item .footer-links span{
flex: 0 0 20% ;
margin: 0 5px ;
}
#shopify-section-footer .footer .footer-item .footer-links span >a{
border-bottom: unset !important;
}
@Kinjaldavra thank you so much, how do I also reduce the size of the footer?
Also the font isn't in one row as "about us" has stretched to a second line, how do I fix this?
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