Adjust Footer Links into one line dawn theme

Solved

Adjust Footer Links into one line dawn theme

Verterra
Explorer
62 1 9

Hi! Can I ask if someone knows how to adjust my footer, as some of my links are being broken up into two lines. For example, I want the link  "Returns & Exchanges" to be in 1 line. 

My store URL is: https://verterra.sg/password, password is VerterraTest123

 

Thanks!

Verterra_0-1719992699464.png

 

Accepted Solution (1)

Moeed
Shopify Partner
4370 1125 1381

This is an accepted solution.

Hey @Verterra 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
@media screen and (min-width: 768px) {
a.link.link--text.list-menu__item.list-menu__item--link {
    white-space: nowrap !important;
}
}
</style>

 

RESULT:

Moeed_0-1719993087896.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4370 1125 1381

This is an accepted solution.

Hey @Verterra 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
@media screen and (min-width: 768px) {
a.link.link--text.list-menu__item.list-menu__item--link {
    white-space: nowrap !important;
}
}
</style>

 

RESULT:

Moeed_0-1719993087896.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Verterra
Explorer
62 1 9

thank you! 

Moeed
Shopify Partner
4370 1125 1381

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Dan-From-Ryviu
Shopify Partner
8546 1685 1692

Hi @Verterra 

 

Please add this code to your Custom CSS in Online Store > Themes > Customize.

.footer-block--menu {
    max-width: fit-content;
}

Screenshot 2024-07-03 at 14.51.25.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.