All things Shopify and commerce
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi,
I'm just starting building a shop and noticed on the shops mobile view that the shop name is to large and is returned and therefore appears over two lines.
So this is it originally appeared
craftbierbox
.com
or on another phone, due to a different resolution
craftbier
box.com
I have deleted the .com from the shop name, however this does not slve the issue as there are now users with
craftbier
box
is there a way to reduce the size of the shop name on the mobile view.
Any help would be gratly appreciated
Thanks
Neil
Solved! Go to the solution
This is an accepted solution.
Hi Drakedev,
thanks for the sugggestion and help, although I didn't have any success.
I searched for all .css files however only found these 3
critical.min.css
gift-card.min.css
theme.min.css
I entered the code you provided at the end of the 1st and 3rd files, unfortunately nothing changed
I'm sure I've misunderstood your intentions. So any other tips would be greatly appreciated
Thanks
This is an accepted solution.
Hi Neil, happy that worked
That happen only for very small devices.
This CSS code at the end of your theme.css file should make the trick
@media screen and (max-width: 360px) {
.header__logo--text {
font-size: 18px;
}
}
If 18px is not small enough try 17px
This is an accepted solution.
Hi Drakedev,
thanks for the sugggestion and help, although I didn't have any success.
I searched for all .css files however only found these 3
critical.min.css
gift-card.min.css
theme.min.css
I entered the code you provided at the end of the 1st and 3rd files, unfortunately nothing changed
I'm sure I've misunderstood your intentions. So any other tips would be greatly appreciated
Thanks
Hi,
at the end of theme.min.css it's ok.
In fact I am able to see your code and it is working working.
Did you try to clear the cache of your browser on mobile?
Which device brand/model are you using and which browser?
Hi Drakedev
that's good news. I followed your suggestions and cleared the cache.
The desktop and mobile devices are all IOS, Firefox and Safari browsers. I'll close this thread as solved.
Your help is really appreciated.
Cheers
Neil
This is an accepted solution.
Hi Neil, happy that worked
Hey, I am having the same issue and I am happy to see there is a solution!
On my side, I only access to:
- theme.liquid
- theme.scss.liquid
- theme.js
I tried at the end of theme.liquid and it did not work.
Would you be able to help?
Try to insert that at the end of file theme.scss.liquid
User | RANK |
---|---|
65 | |
42 | |
30 | |
29 | |
24 |
Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022Shipping can be one of the most vital parts to set up and manage your business. Understand...
By Ollie Dec 16, 2022