Archived topic
most recent update broke my navigation/header setup
9 replies · Started by cgu_outreach on December 2, 2015
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....
Hi Dave,
What hook did you add your custom image into? Can you try the "Before Header Content" hook?
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; ?>
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.
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.
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 :)
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... :)
You have padding set (5px) on either side of your header in "Customize > Element Spacing".
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.
You're welcome! Sorry for the inconvenience :)