How can I make text resize with screen changes on mobile view?

[Jess2021]

Hi, can someone please help me? How do I stop my headings and text not resizing? Is there a way so the text resizes as the screen size changes? In mobile view I'd like the text to resize to something smaller. Thank you for your help 🙂 

https://decru-vintage.myshopify.com/ 

pass: gluvia

[oscprofessional]

Hello @Jess2021 ,

@media only screen and(max-width:749px){
	h2.h1.mega-title.mega-title--large {
    font-size: 40px;
}
h2 {
    font-size: 20px;
}
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Note : If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px(already exist)

[Zworthkey]

hii, @Jess2021 
Can you mark which text you want to edit?
Thank You.

[Zworthkey · Accepted solution]

@Jess2021 
paste this code on top of the theme.scss file.

@media only screen and (max-width: 768px) {
h2.h1.mega-title.mega-title--large {
    font-size: 45px !important;
}

.section-header.text-center h2 {
    font-size: 30px !important;
}

}

Thnk You.

[Jess2021]

This has worked, thank you!

[Zworthkey]

@Jess2021 
welcome.