How can I change h2.line-1 font size to 60px on mobile view for the first banner?

[kindredpeople]

What is the code to make the h2.line-1 font size 60px on mobile view?

I only want h2.line-1 font size chagned on the first banner. Is it possible to create a code to isolate it to the 1st banner and not every other h2.line-1 on the website?

website:https://kindredpeople.myshopify.com/

password: hellohello

[PageFly-Richard]

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

Thank you for reaching out regarding this. Here is step by step for your to apply the styling code and change for Mobile only
Step1: Online Stores > Your theme > More action > Edit code
Step2: Go to theme.liquid > Find tag > paste the code below
Code:

@media screen and (max-width: 767px){ #shopify-section-template--15982161264889__165477954838138249 h2.line-1 { font-size: 60px !important; }}

And the complete should look like this:

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[kindredpeople]

Hi @PageFly-Richard

Thank you! that actually worked!

Do you know also the code to do exactly the same (for mobile & only on banner 1) for the line: