Title cropped

Store Design

Topic summary

A Shopify store owner is experiencing an issue where their store title wraps onto two lines in the header, as shown in an attached screenshot.

Problem: The title breaks across multiple lines, affecting the store’s visual appearance.

Solution Provided: A CSS fix was suggested to prevent the title from wrapping:

  • Add white-space: nowrap; to the .header__heading-link .h2 selector
  • This forces the title to remain on a single line

Outcome: The solution was tested and demonstrated with a screenshot showing the corrected single-line title. The original poster confirmed the fix worked by thanking the contributor.

Status: Resolved - the CSS modification successfully addressed the formatting issue without requiring a company name change.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

IMG_3195.jpeg
IMG_3195.jpeg3024×4032 564 KB

Hey all!

my Shopify store makes my store title become to lines seen in the photo. Is there any way to fix this issue without changing the company name?

2

Hi @Gnarlyship

can you share the url to let me check & give you the solution?

3

https://admin.shopify.com/store/0p4zxx-wx/settings/domains

Password: Brick by brick

4

Let try to add custom CSS:

.header__heading-link .h2 {
  white-space: nowrap;
}

The result:

Screenshot 2025-05-04 at 08.48.20.png
Screenshot 2025-05-04 at 08.48.20.png492×881 117 KB

5

@Gnarlyship Can you please share this page link?

6

thank u