Shopify themes, liquid, logos, and UX
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:
Solved! Go to the solution
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;
}
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
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;
}
@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;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025