swvarian Posted April 5, 2021 Share 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!! Link to comment
ErikaT Posted April 5, 2021 Share Posted April 5, 2021 (edited) Hi, Please try the below: @media screen and (max-width:767px) { #collection-5fd641a2e5ac5828961dc561 h1 { margin-top: 200px!important;} } Edited April 5, 2021 by ErikaT Link to comment
swvarian Posted April 5, 2021 Author Share 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! ErikaT 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment