How to fix mobile site formatting issue without changing text size?

Store Design
1

The name of my business is formatted onto 2 lines on the mobile site, how can i make the website make the text smaller to fit one line without changing the actual text size in the site settings?

2

Hi @cn3 ,

This is Kate from PageFly - Landing page builder

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

@cn3

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi my site is holospeed.co, make sure to visit on mobile that is where the problem lies @PageFly-Kate @KetanKumar

5

Hi @cn3 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

@media (max-width: 480px) {
a.header__heading-link.link.link--text.focus-inset span {

    font-size: 20px;
}
}

Note: You can chang the px value smaller if you want

Hope my answer will help you.

6

@cn3

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media (max-width: 640px) { h1.header__heading a span {font-size: 18px !important;}}