[Resolved] Suddenly Padding between Navigation and Page Header bg-image since latest Update

[loschimanski]

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

GeneratePress 1.3.44

GP Premium 1.2.94

[Tom]

Have you tried clearing all caches (browser and plugins)?

Can you link me to the page?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[loschimanski]

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

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[loschimanski]

works properly, problem solved. Thanks!

Oliver

[Tom]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[John Counsel]

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.

[Tom]

Have you tried clearing your browser cache or caching plugins?

If so, can you post the link to your site?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[John Counsel]

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:

http://profitclinic.com.au

http://dpcheats.org

http://r-solereport.me

Sites unaffected by the update:

http://carparkkarma.com.au

http://manwithutealbury.com.au

Thanks,

John

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[John Counsel]

*D’oh!* <Face-palm>

So @#$%^& obvious when it’s pointed out, right?

Thanks a bunch, Tom 😀

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts