How to set titel only in 1 line instead of 2 only for mobile version

Solved

How to set titel only in 1 line instead of 2 only for mobile version

NikosBat
Excursionist
257 0 38

Hello friends, how can I set my title be visible only in 1 line instead of 2 for mobile version?

 

Bildschirmfoto 2025-01-01 um 16.31.52.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4854 1091 1764

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App

 

Hi @NikosBat   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
 @media screen and (max-width: 767px){
  #SectionHeading-template--22328067621196__collection_list_MYb3aD{
    white-space: nowrap !important;
    font-size: 20px !important;
 }
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

Hasan112
Shopify Partner
152 11 21

Link please

- If you need assistance with your store, feel free to contact us at zayan.1@yahoo.com or WhatsApp!
- Hire me, if you want to Design, Re-design, Develop a store or make changes to the pre-built store.
- If its helpful, please Mark as Accepted Solution, reply helpful? Click Like. Or Coffee Tip Thank you!

DaisyVo
Shopify Partner
2769 331 383

Hi @NikosBat 

 

This part is image, not text, so it is uneditable 

 

 

image_720.png

 

I hope this helps 

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
NikosBat
Excursionist
257 0 38

Hello DaisyVo, I mean the text above the image Kaufe unsere Kateogrien

Hasan112
Shopify Partner
152 11 21
@media (max-width: 425px)
{
#SectionHeading-template--22328067621196__collection_list_MYb3aD {
    font-size: 26px;
}

Hasan112_0-1735754361971.png

 

If its helpful Accept as solution and like Thanks 

 

- If you need assistance with your store, feel free to contact us at zayan.1@yahoo.com or WhatsApp!
- Hire me, if you want to Design, Re-design, Develop a store or make changes to the pre-built store.
- If its helpful, please Mark as Accepted Solution, reply helpful? Click Like. Or Coffee Tip Thank you!

PageFly-Richard
Shopify Partner
4854 1091 1764

This is an accepted solution.

This is Richard from PageFly - Shopify Page Builder App

 

Hi @NikosBat   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
 @media screen and (max-width: 767px){
  #SectionHeading-template--22328067621196__collection_list_MYb3aD{
    white-space: nowrap !important;
    font-size: 20px !important;
 }
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.