Shopify themes, liquid, logos, and UX
Hey, here is my issue, the word "scandinavian" is split before its fully written. Which it obviously should'nt do, and because of my lack of coding skills I struggle to figure out how I can stop this from happening.
Any kind soul that is experienced to fix this?
Solved! Go to the solution
This is an accepted solution.
Add code Your assets/base.css bottom of the file.
@media screen and (max-width: 749px){
.h0 {font-size: 3.2rem !important;}
}
Thanks!
Add code Your assets/section-image-banner.css bottom of the file.
@media screen and (max-width: 749px){
.banner__heading { margin-bottom: 0; font-size: 2rem !important;}
}
Thanks!
Hi again friend!
I am using an app called " Fontify" to help me change fonts on different locations and their respective properties e.g letter-spacing and such.
I wrote: letter-spacing: 0.4em; which I took from my Canva preview because I have no idea how welse I was gonna do it. For H1 and H2 tags. Is 0.4em causing the issue? Like how can I stop this from happening because as you can see it happens here as well. This time, the text can't be seen on some screens.
UPDATE
The odd thing is that with the 0.4em, with my Iphone 12 Pro Max, I can see everything pretty fine. But the text doesn't scale well on other screens
Please add previous provided css and check site on mobile.
Thanks!
Seems to work a little better now but there are still some phones that don't see this properly:
Add code Your assets/component-image-with-text.css bottom of the file.
@media screen and (max-width: 749px){
.image-with-text__heading { font-size: 2.2rem !important; text-align: center;}
}
Thanks!
You my friend are a legend, If I wish to make the font a little bigger, would it work after these edits you gave me?
incrase font using code like this
font-size: 2.2rem !important;
Replace to
font-size: 2.5rem !important;
Ughh. same issue here
This is an accepted solution.
Add code Your assets/base.css bottom of the file.
@media screen and (max-width: 749px){
.h0 {font-size: 3.2rem !important;}
}
Thanks!
Thank you!
I tweaked it to 3.0rem and it works fine now ❤️
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024