Shopify themes, liquid, logos, and UX
How can i make my font headers and body bigger on desktop size and not affect the size when it shows on mobile site
Solved! Go to the solution
This is an accepted solution.
@Andrewpry, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > index.css theme.css and paste this at the bottom of the file:
@media (min-width: 749px){
.content-overlay__heading{
font-size: 40px !important;
}
.content-overlay__subheading{
font-size: 30px !important;
}
}
you can change the values as per your wish:
40px = title
30px = subtitle
Kind regards,
Diego
Please share store URL & screenshot what do you want .
i will check and send correct solution to you .
Thanks!
https://boudoir-sensual.myshopify.com/admin/themes/124785819806/editor?section=163395038396311053
So if you notice the text is quite smaller in the desktop so I want to make it bigger but I don’t want the mobile site text to be bigger
This is an accepted solution.
@Andrewpry, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > index.css theme.css and paste this at the bottom of the file:
@media (min-width: 749px){
.content-overlay__heading{
font-size: 40px !important;
}
.content-overlay__subheading{
font-size: 30px !important;
}
}
you can change the values as per your wish:
40px = title
30px = subtitle
Kind regards,
Diego
Hi, I've tried to find this file in my Pop Theme, is there a different file to look for?
hello @Andrewpry
please Go to Online Store->Theme->Edit code then go to assets/index.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
#shopify-section-16344336697d2b265d .content-overlay .content-overlay__heading {
font-size: 40px;
}
#shopify-section-16344336697d2b265d .content-overlay .content-overlay__subheading {
font-size: 20px;
}
}
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