Archived topic
Unwanted gap between page header and footer in mobile view
5 replies · Started by Larry on April 20, 2018
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
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-xx class in the <body> element.
So if my page ID is 10, I would do this:
.page-id-10 #page {
display: none;
}