Solved

Can I make my footer menu horizontal and remove underlines in Shopify?

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.

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

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

 

View solution in original post

Replies 4 (4)

Kinjaldavra
Shopify Partner
2302 570 1422

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.

chromehurtz
Tourist
5 0 1

@Kinjaldavra Please check your inbox.

Kinjaldavra
Shopify Partner
2302 570 1422

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

 

chromehurtz
Tourist
5 0 1

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

image.png