Horizontal Footer Menu

Solved
chromehurtz
Tourist
5 0 1

Hi all, 

My footer menu is currently like this:

 

Screenshot 2021-06-25 at 16.22.51.png

 

I'd like to make it horizontal and remove the underlines from each link like this:

 

Screenshot 2021-06-25 at 16.25.44.png

 

I'm using the Kingdom Theme.

0 Likes
Natztech
Shopify Partner
1432 403 959

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
chromehurtz
Tourist
5 0 1

@Natztech Please check your inbox.

0 Likes
Natztech
Shopify Partner
1432 403 959

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
chromehurtz
Tourist
5 0 1

@Natztech 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?

image.png

0 Likes