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

[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….

[Tom]

Hi Dave,

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

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

[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; ?>

[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.

[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.

[Tom]

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 🙂

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

[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… 🙂

[Tom]

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

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

[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.

[Tom]

You’re welcome! Sorry for the inconvenience 🙂

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

[Author]

Posts