mobile CSS code for Mobile Text Layout

Site URL: http://mysoundingboard.life

Hi 

Can anyone help me...on mobile, on the first section of the home page, the text is currently blocking the background image and I'm not sure what CSS code to use to move the text down? thanks!

27 minutes ago, melrose2020 said:

Site URL: http://mysoundingboard.life

Hi 

Can anyone help me...on mobile, on the first section of the home page, the text is currently blocking the background image and I'm not sure what CSS code to use to move the text down? thanks!

Add this snippet into Design->Custom Css

@media only screen and (max-width: 600px) {
    section[data-section-id="5f7c0b647e5e054ca0801673"] .content-wrapper {
          padding-top: 36vh;
    }
}

11 minutes ago, bangank36 said:

Add this snippet into Design->Custom Css

@media only screen and (max-width: 600px) {
    section[data-section-id="5f7c0b647e5e054ca0801673"] .content-wrapper {
          padding-top: 36vh;
    }
}

 

Thanks  for the quick response - I copy/pasted into CSS but it doesn't seem to work?

It's OK - I added the !important and it worked - thanks again!!