Jump to content

Increase padding on Mobile only text

Recommended Posts

Site URL: https://www.builtrx.com/

Hi. I am using a background with text overlay in Mobile only. I've just added an announcement bar that is sitting on top of this text on mobile. I've tried the following code and it does not work. Calling out the specific text block but it does not work

@media only screen and (max-width: 767px) {
#block-44e0b152b6987e291807 {
h1 {margin-top: 200px;
  }
  }
}
@media only screen and (min-width: 768px) {
#block-44e0b152b6987e291807 {
h1 {margin-top: 200px;
}
}
  }
I also saw this as a solution, calling out the whole section to move down. But it too does not work.
@media screen and (max-width:767px) {
[data-section-id="5fd641a2e5ac5828961dc563"] .content-wrapper {
padding-top: 100px !important;
}
[data-section-id="5fd641a2e5ac5828961dc563"] {
padding-top: 100px !important;
}
Please help!!

Screen Shot 2021-04-05 at 10.38.28 AM.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.