Aligning Store Name Onto One Line (UPDATED)

Technical Q&A
1

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/

2

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.

GabrielS_1-1664572095283.png
GabrielS_1-1664572095283.png401×502 65.5 KB

Let me know if this was of help.

Kind regards,

Gabriel

3

@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;}
}