Aligning Store Name Onto One Line (UPDATED)

[Derek_Keller]

Hello Responder!

The previous response by LitExtension was a great fix, but it only functioned temporarily. On Mobile, my store title is on now back on two lines, not one. How do I fit my entire store name into one line? Which file should I adjust the code in?

Store Link: https://derekkellerstore.com/

[GabrielS · Accepted solution]

Hi,

One possible way would be to remove the padding and reduce the font size of the name, for mobile phones, like below:

@media (max-width:768px) {
.header__heading-link {
  padding: 0;
}
.header__heading-link span.h2 {
  font-size: 24px;
}
}

Adding the above code at the end of your 'base.css' file should do the job.

Let me know if this was of help.

Kind regards,

Gabriel

[KetanKumar]

@Derek_Keller 

can you try this code easy to add

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media (max-width: 749px) {
.header__heading-link .h2 {font-size: 24px;} 
.header__heading-link {padding: 0;}
}