Solved

How to fix a cropped product title with a custom font?

jadyahdtx
Visitor
3 0 0

Hi,

 

My product title is cropped with this custom font i am using, can anyone please help me solve that?

Accepted Solution (1)
Ollie
Shopify Staff
2387 454 401

This is an accepted solution.

Hey @jadyahdtx.

 

Thanks for the quick response.

 

I appreciate that you have let us know which theme you are using as that is very helpful. I did navigate to the URL you have provided to see that the title of the product page has been cropped. Looking into the Avatar theme, I noticed that changing the alignment of the product page title is not available using the Theme Editor. I took a look into the coding of the product page, however, it looks like this is a third-party theme that is designed and supported by Skup. Since it was not developed directly by Shopify, we are a bit unfamiliar with the style of coding that is being used throughout the theme.

 

11-37-21154-98300

In this case, it would be best to reach out to the developers of the theme and let them know of this inquiry. They should be able to assist you with providing additional support or insight to making this change. I did come across to finding their Contact Us page and wanted to provide it.

 

Let me know if you have any questions.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

View solution in original post

Replies 4 (4)

Ollie
Shopify Staff
2387 454 401

Hey @jadyahdtx.

 

Thanks for reaching out.

 

Are you wanting the title to be center aligned or moved elsewhere on the product page? Could you also share which theme you are using for your online store? As this context will help determine the next steps to have the title moved in another location or change the alignment.

 

If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:

 

04-17-78807-38495

 

Looking forward to your response.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

jadyahdtx
Visitor
3 0 0

Hi Ollie,

 

I am using an Avatar 2.0.2 theme.

 

The title is cropped only when i view it on my iOS mobile device.

 

It is un-cropped in the browser when i customize or view it.

 

I can share the URL with you if that helps.

 

Regards,

Jawad

jadyahdtx
Visitor
3 0 0

Ollie,

 

Can you view this on your iOS iphone device 

https://clawsandstripes.com/collections/mens/products/muscle-shirt

You can see the title cropping

Ollie
Shopify Staff
2387 454 401

This is an accepted solution.

Hey @jadyahdtx.

 

Thanks for the quick response.

 

I appreciate that you have let us know which theme you are using as that is very helpful. I did navigate to the URL you have provided to see that the title of the product page has been cropped. Looking into the Avatar theme, I noticed that changing the alignment of the product page title is not available using the Theme Editor. I took a look into the coding of the product page, however, it looks like this is a third-party theme that is designed and supported by Skup. Since it was not developed directly by Shopify, we are a bit unfamiliar with the style of coding that is being used throughout the theme.

 

11-37-21154-98300

In this case, it would be best to reach out to the developers of the theme and let them know of this inquiry. They should be able to assist you with providing additional support or insight to making this change. I did come across to finding their Contact Us page and wanted to provide it.

 

Let me know if you have any questions.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog