swvarian Posted April 5, 2021 Posted April 5, 2021 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; }Insert existing attachment } Please help!!
ErikaT Posted April 5, 2021 Posted April 5, 2021 Hi, Please try the below: @media screen and (max-width:767px) { #collection-5fd641a2e5ac5828961dc561 h1 { margin-top: 200px!important;} }
swvarian Posted April 5, 2021 Author Posted April 5, 2021 ErikaT, You're the best!!! I knew I was close but I just couldn't figure out what I was missing! Thanks SO MUCH!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.