Solved

Problem with Title collection splitting in Firefox

Leadspotion
Shopify Partner
4 0 1

Hi,

For some reason, my collection title splits on Firefox. I do not have the same issue on Chrome or Edge.

What would be the solution to have it all on one line? 

Store: https://clippertonstore.com/

Theme; Berlin https://themes.shopify.com/themes/berlin/styles/north/preview?surface_inter_position=1&surface_intra... 

 

Thank you for your help

 

Leadspotion_0-1708642380194.png

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7514 1450 1447

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.collection-banner__title {
max-width: fit-content !important;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 5 (5)
Leadspotion
Shopify Partner
4 0 1

Thank you. What would be the code for that ? 

Dan-From-Ryviu
Shopify Partner
7514 1450 1447

Hi @Leadspotion 

Dan here from Ryviu: Product Reviews & QA

Your store has password protected so I cannot check. 

Screenshot 2024-02-23 at 09.32.22.png
Best Regards,

Dan from Ryviu

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Leadspotion
Shopify Partner
4 0 1

Thanks for checking here is the password: ClippertonRocks!1

Dan-From-Ryviu
Shopify Partner
7514 1450 1447

This is an accepted solution.

Please add this code to your theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.collection-banner__title {
max-width: fit-content !important;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Leadspotion
Shopify Partner
4 0 1

Thank you very much This worked !