Remove hyphenated title on Impulse

Solved

Remove hyphenated title on Impulse

Pyramids101
Tourist
6 1 0

IMG_1867.jpeg

My product titles on Impulse theme (product list page not collections) are two words. They aren’t hyphenated on preview but I checked on my cell and they are? Is there a way to have one word above the other for product titles list? Instead of how it is with 1.5 words top, hyphenated, then below the rest on the second word. Looks fine on preview but isn’t the same on my phone. 
thanks!

Accepted Solution (1)
Moeed
Shopify Partner
4304 1105 1354

This is an accepted solution.

Hey @Pyramids101 

 

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 (max-width: 767px) {
.grid-product__title.grid-product__title--heading {
    font-size: 13px !important;
    white-space: nowrap;
}
}
</style>

RESULT:

Moeed_0-1720164617212.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 6 (6)

Moeed
Shopify Partner
4304 1105 1354

Hey @Pyramids101 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

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. ❤️
Pyramids101
Tourist
6 1 0
Moeed
Shopify Partner
4304 1105 1354

This is an accepted solution.

Hey @Pyramids101 

 

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 (max-width: 767px) {
.grid-product__title.grid-product__title--heading {
    font-size: 13px !important;
    white-space: nowrap;
}
}
</style>

RESULT:

Moeed_0-1720164617212.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. ❤️
Pyramids101
Tourist
6 1 0

Awesome! Yes worked. Thank you 🙂

Moeed
Shopify Partner
4304 1105 1354

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. ❤️

ProtoMan44
Shopify Partner
489 42 79

@Pyramids101 Hey, thanks for posting here.
 can you please share the link to inspect it, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!