How can I reduce the homepage heading size for mobile only?

Store Design
1

Hello, I need to reduce the homepage heading size for only the mobile version. How can I do that? Thanks!

1 Like
2

Hello @MrSm1th

Please share your website url

3

@MrSm1th

can you please share store url so i can check and let you know

4

@MrSm1th Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

5

my URL: https://beveidis-lt.myshopify.com

6

@MrSm1th

add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

@media(max-width: 768px){
.banner__heading span{

font-size: 20px !important;

}

}
7

Please add below css code in bottom of base.css file

h2.h0{

font-size:28px;

}

Thank you.

8

Thanks! It worked well!