Remove hyphenated title on Impulse

Solved

Remove hyphenated title on Impulse

Pyramids101
Tourist
9 1 2

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
7688 2067 2548

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
7688 2067 2548

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Pyramids101
Tourist
9 1 2
Moeed
Shopify Partner
7688 2067 2548

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Pyramids101
Tourist
9 1 2

Awesome! Yes worked. Thank you 🙂

Moeed
Shopify Partner
7688 2067 2548

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ProtoMan44
Shopify Partner
748 60 114

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