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

Shopify Discussion

Topic summary

A user seeks to display a section title in a single line instead of two on mobile devices in their Shopify store.

Initial Confusion:

  • Another user initially misidentified the element as an image rather than text.
  • The original poster clarified they meant the text “Kaufe unsere Kategorien” above the image.

Solutions Provided:

CSS Media Query Approach (Hasan112):

  • Target the specific heading ID with a media query for screens under 425px width
  • Reduce font size to 26px to fit content on one line
  • Includes code snippet and visual example

Alternative CSS Solution (PageFly-Richard):

  • Add custom CSS to theme.liquid file before the closing </body> tag
  • Provides step-by-step implementation instructions

Status: The discussion remains open with two technical solutions offered but no confirmation of which approach worked or was implemented.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

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
Bildschirmfoto 2025-01-01 um 16.31.52.png640Ă—906 225 KB

2 Likes
2

Link please

3

Hi @NikosBat

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

image_720.png
image_720.png720Ă—314 109 KB

I hope this helps

Best,

Daisy

4

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

5 
@media (max-width: 425px)
{
#SectionHeading-template--22328067621196__collection_list_MYb3aD {
    font-size: 26px;
}

Hasan112_0-1735754361971.png
Hasan112_0-1735754361971.png925Ă—831 53 KB

If its helpful Accept as solution and like Thanks

1 Like
6

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

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly