Hi there

I want to adjust the font sizes on the mobile view of my webpage:

https://www.elysia-living.ch/
PW: EL2024

Is it possible to make the claim "To infinity and beyond." a bit bigger and go to the next line with the second sentence of the subtext? Only for mobile.

Many thanks
Sibylle

Hi,

On which page?

4 minutes ago, sorca_marian said:

Hi,

On which page?

On the password-protected Lock screen.

To increase the heading size on mobile add the below code in the Page header code injection

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }
    
}
</style>

17 hours ago, sorca_marian said:

To increase the heading size on mobile add the below code in the Page header code injection

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }
    
}
</style>

 

Hi @sorca_marian
Thank you so much, this worked.

Can you also give me a code to adjust the size of the second smaller headline below? On my iPhone 12Pro the last word jumps into the next line. And I would like to have the whole content more down. (Headline, subheadline and password field)

Thank you
Sibylle

Hi,

Sure.
You can adjust the font size

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }

    .lock-screen p {
        font-size : 15px!important
    }
    
}  
</style>

16 hours ago, sorca_marian said:

Hi,

Sure.
You can adjust the font size

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }

    .lock-screen p {
        font-size : 15px!important
    }
    
}  
</style>

 

Thank you so much. And how do I move the whole block a bit more down?

Thanks
Sibylle