How can I increase font size on desktop without affecting mobile view?

Store Design
1

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

2

@Andrewpry

Please share store URL & screenshot what do you want .

i will check and send correct solution to you .

Thanks!

3

https://boudoir-sensual.myshopify.com/admin/themes/124785819806/editor?section=163395038396311053

C0D737B6-71AD-41A6-A461-E3B152E8D46A.png
C0D737B6-71AD-41A6-A461-E3B152E8D46A.png1170×2532 240 KB

F8BA682F-CDE9-4E84-9807-7EDE80568303.jpeg
F8BA682F-CDE9-4E84-9807-7EDE80568303.jpeg3024×4032 2.08 MB

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

4

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

@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

6

Hi, I’ve tried to find this file in my Pop Theme, is there a different file to look for?