How to make font bigger on desktop site

[Andrewpry]

How can i make my font headers and body bigger on desktop size and not affect the size when it shows on mobile site 

[dmwwebartisan]

@Andrewpry 

Please share store URL & screenshot what do you want .

i will check and send correct solution to you .

Thanks!

[Andrewpry]

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  

[Kinjaldavra]

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

[diego_ezfy · 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