- This topic has 5 replies, 2 voices, and was last updated 6 years ago by
.
-
Posts
-
Hi!
I’m setting up a page that has the content in the header area and it displays w/o a gap between the header and footer on the desktop view, but has a gap in the mobile view on both Android and iOS devices.
http://save.boulderwordpress.com/our-brands/
So far all the other tweaks I’ve made have been pretty straight forward to change, however eliminating this gap has me mystified…
Thanks
Larry
Lead Developer
That’s your content padding.
You have the top/bottom padding set to 0 on desktop, but it’s set to 30px on mobile.
You can adjust that in the Customizer, or just hide the content on that page:
#page { display: none; }Thanks!
No problem 🙂
I have a question about using this bit of code
#page {
display: none;
}Do I target that specific page by changing the css this way?
#our-brands {
display: none;
}Thanks!
You can target the page by using the
page-id-xxclass in the<body>element.So if my page ID is 10, I would do this:
.page-id-10 #page { display: none; }
- You must be logged in to reply to this topic.