Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] most recent update broke my navigation/header setup

Home Forums Support most recent update broke my navigation/header setup

  • This topic has 9 replies, 2 voices, and was last updated 5 years ago by Tom.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #157535
    cgu_outreach

    Hi – After the most recent GP update, our header/navigation has collapsed. Prior to this there was a nav bar on the top, custom image, then a 2nd nav bar. Now it is image, and both nav bars stacked.

    Results are here: http://cgu-ugc.ca/

    Need to roll back GP to get this working again until I can fix it….

    #157536
    Tom
    Lead Developer
    Lead Developer

    Hi Dave,

    What hook did you add your custom image into? Can you try the “Before Header Content” hook?

    #157537
    cgu_outreach

    Hi Tom,

    Thanks for the prompt reply.
    The hook is in BEFORE HEADER and is as follows:

    <?php
    global $post;
    $image = get_post_meta($post->ID, ‘custom_header’, true);
    if ( ! empty( $image ) ) : ?>
    ” alt=”” style=”position: relative; vertical-align: bottom;” />
    <?php else : ?>

    <?php endif; ?>

    #157538
    cgu_outreach

    I’ve moved the php code to the “Before Header Content”, seems to have fixed that problem, but I now have black bars on either side of the header image.

    #157539
    cgu_outreach

    Tom, I’m assuming I now need to stretch the custom header image to full width/100% somehow, just not sure where as it was full width prior to this.

    #157542
    Tom
    Lead Developer
    Lead Developer

    Add this CSS:

    .inside-header.grid-container {
        max-width: 100%;
    }

    Inside the header is a much safer place for your header image – you won’t run into any other problems like this 🙂

    #157543
    cgu_outreach

    Hi Tom,
    Added the CSS and it got rid of most (95%) of the black on the outside of the header image, now just have 2 very narrow vertical bands on the outside edges of the header images.

    I had put the header images where they were based on instructions from here… 🙂

    #157544
    Tom
    Lead Developer
    Lead Developer

    You have padding set (5px) on either side of your header in “Customize > Element Spacing”.

    #157546
    cgu_outreach

    Yup, that was it, thanks! Didn’t think to look there as it was working OK up until the most recent update.

    Thanks again for the help Tom, I learned a few new things tonight.

    #157547
    Tom
    Lead Developer
    Lead Developer

    You’re welcome! Sorry for the inconvenience 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.