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
  • Views 413
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.