How can I adjust my mobile view font size to fit on one line

Store Design
,
2

Hi @bebop87 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_0-1719371138145.png
BSSCommerceHDL_0-1719371138145.png1902×899 133 KB

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

BSSCommerceHDL_1-1719371156069.png
BSSCommerceHDL_1-1719371156069.png1919×873 121 KB

@media only screen and (max-width: 767px) {
  .m-hero__content .m-hero__title.h2 {
    font-size: 31px !important;
  }
}

Here is result:

BSSCommerceHDL_2-1719371253196.png
BSSCommerceHDL_2-1719371253196.png476×840 338 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: