Archived topic
Suddenly Padding between Navigation and Page Header bg-image since latest Update
11 replies · Started by loschimanski on February 3, 2017
Hi Tom,
I did update GP and Theme today and suddenly there is a padding between NAVIGATION and PAGE HEADER BACKGROUND IMAGE, which hasn't been there before and I don't want it to be there.
WP Version 4.7.2
GP Version 1.2.94
GP Theme 1.3.44
Primary Navigation: Navigation Location: Below Header
I do use page header background image in a number of pages an posts. to display them in full width and full height i used to have the following settings:
IMAGE / Resize image: disable
CONTENT / Add background image: ON
CONTENT / Fullscreen: ON
CONTENT / Vertical center content: ON
CONTENT / COntainer type: Full width
CONTENT / Text alignment: Left or center or right (differs)
CONTENT / Top/Bottom padding: none
with these settings page header background image top has been positioned exactly below the full width Primary Navigation (0 px spacing). After updating I have seen the following:
a) the page header background image has no longer been display full height
b) the page header background image is displayed with about 20px space below Primary Navigation
when I now do add the setting
CONTENT / Add padding: ON
I get page header background image displayed in full height but I don't know how to eliminate the spacing between Primary Navigation and page header background image.
Can you please help me? Many thanx in advance.
Oliver
Have you tried clearing all caches (browser and plugins)?
Can you link me to the page?
Thanks!
Hello Tom,
I carried out a manual clearing of all caches - plugins and browser. As far as the spacing between Navigation and Page Header Background Image is concerned, it did not eliminate the spacing at posts.
For it is a private blog, and you will need to login. I did provide links and login-data by mail.
appreciating your support
Greetings from Europe and
many thanks in advance
Oliver
Thanks! Found the issue and have it fixed in the next version.
For now, add this CSS to fix it:
.separate-containers .generate-content-header.generate-page-header {
margin-top: 0px;
}works properly, problem solved. Thanks!
Oliver
No problem :)
My problem is that extra padding has appeared above and below primary navigation and sub-navigation. Looks like about 7 px above and 3-4px below. The background color appears in the additional space.
All I did was update GP Premium. No other changes. Happening on all of my GP sites.
Any suggestions? It's really ugly.
Have you tried clearing your browser cache or caching plugins?
If so, can you post the link to your site?
Thanks!
That was fast, Tom — thanks. (I've been back in hospital for a couple of days and missed your reply.)
All caches are cleared, but still no change.
Here are the links to several sites — plus two that are NOT affected, and for which I can't find any discrepancies in the settings. At least not obvious ones — or not so far.
Problem sites:
Sites unaffected by the update:
http://manwithutealbury.com.au
Thanks,
John
Looks like you have this custom CSS:
p, li, blockquote {
font-family: Open Sans;
font-weight: 300;
bold: 600;
letter-spacing: 0.015em;
colour: inherit;
line-height: 1.25em;
margin-bottom: 0.5em;
}Menu items are <li> elements, so you're adding margin-bottom to them.
Either make your CSS more specific, or tell the navigation not to have margin:
.main-navigation li {
margin-bottom: 0;
}*D'oh!* <Face-palm>
So @#$%^& obvious when it's pointed out, right?
Thanks a bunch, Tom :D
Glad I could help! :)
