I’m trying to decrease the padding-top for the mobile version of this Thank You page.
Padding is added through the Theme Customizer, so for the desktop version, I added 400px so that I could see more of the background image.
But, when I go to the mobile version, theThank You text is way down. I would like, instead, to move it up. So I used this rule:
/\* center thank you text box on thank you page\*/
u/media only screen and (max-width: 568px){
\#post-11061 {
padding-top: 240px !important ;
}}
It should work, but it doesn’t. if I remove the padding top from the desktop version (you can check in the Dev Tools in Chrome), the rule works.
What am I doing wrong, then?
Here is the URL of this page:
[https://jaggedlinesmagazine.com/thank-you-for-signing-up/])​
I’m adding 2 pics, wit version1 (the way it looks now on mobile), and version 2 what I’m trying to achieve.
Any suggestion is sincerely appreciated. I’m stuck!
​
[version 1])​
[version 2]) [ad_2]