How can I fix a cut-off header in my 'Prop Firm Challenges' theme?

Solved

How can I fix a cut-off header in my 'Prop Firm Challenges' theme?

mmmtrading
Tourist
28 0 2

Hello,

 

On my homepage I have a heading titled "Prop Firm Challenges" however on desktop the "S" seems to be cut off and on a separate line. Could I fix this so that it remains on the same line without moving any text or making the font smaller?

 

My store:

www.mmmtrading.co.uk

Accepted Solution (1)

GemPages
Shopify Partner
5625 1261 1231

This is an accepted solution.

Hello @mmmtrading 

 

You can try with the following code:

 

#shopify-section-template--16737946337561__8d09fa2d-fc9d-43bb-9814-4117ed9939e3 h2.image-with-text__heading{
      word-break: inherit;
}

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
15982 2391 3099

@mmmtrading ,

h2.image-with-text__heading.h1 {
    font-size: 28px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

GemPages
Shopify Partner
5625 1261 1231

This is an accepted solution.

Hello @mmmtrading 

 

You can try with the following code:

 

#shopify-section-template--16737946337561__8d09fa2d-fc9d-43bb-9814-4117ed9939e3 h2.image-with-text__heading{
      word-break: inherit;
}

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Rajvi__patel
Shopify Partner
61 4 14

@mmmtrading 
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file -> Save

h2.image-with-text__heading.h1 {
    font-size: 21px!important;
}

 

If helpful then please Like and Accept Solution.