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

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

Home Forums Support Suddenly Padding between Navigation and Page Header bg-image since latest Update

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #273955
    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
    #273960
    Tom
    Lead Developer
    Lead Developer

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

    Can you link me to the page?

    Thanks!

    #274078
    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

    #274239
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #274247
    loschimanski

    works properly, problem solved. Thanks!

    Oliver

    #274268
    Tom
    Lead Developer
    Lead Developer
    #274887
    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.

    #274888
    Tom
    Lead Developer
    Lead Developer

    Have you tried clearing your browser cache or caching plugins?

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

    Thanks!

    #275700
    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

    #275804
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #275901
    John Counsel

    *D’oh!* <Face-palm>

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

    Thanks a bunch, Tom πŸ˜€

    #276109
    Tom
    Lead Developer
    Lead Developer
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.