Gravity Forms Conflict

[Sally]

Hi Tom,

We’re recently swapped to GeneratePress for our inhouse knowledge base and are getting great feedback. However have recently traced an issue back to a disagreement between GP and Gravity Forms, which breaks the GP navigation. We are using WP 4.4.2, GP 1.3.27, and GF 1.9.16. On IE9 the menus are thrown out of alignment when GF is enabled. All of these elements are necessary for our purposes. We are compelled to use IE 9 as one of the default browsers and 85% of our userbase accesses content via IE9. GF is set to “no conflict” mode.

Our site is behind a firewall and not publicly accessible. Can you suggest a workaround or a resolution.

Screenshot uploaded to: https://app.box.com/s/08ciom5x1qztk4yxiw0yt8pky34eagr6

Thanks!

[Tom]

Hi there,

Do you mean the breadcrumbs being aligned all the way to the left?

If so, what plugin are you using to add breadcrumbs, and how are you adding them?

[Sally]

Hi Tom,

If you were able to see the image, that page scrawl is actually all the menu items doing weird things. If it’s the breadcrumb plugin and not GF, then very happy with alternatives, including breadcrumb functionality in a subsequent release.

We’re using Really Simple Breadcrumb and display it via the GP Hooks at After Header using this code

<section id="breadcrumb-container"> 
<?php if(function_exists(simple_breadcrumb)) {simple_breadcrumb();} ?>
</section>

Have disabled it as part of the testing, but didn’t seem to positively impact on script conflicts.

Tx Saly

[Tom]

From the screenshot you posted above, the navigation menu looks pretty normal? What about it is doing weird things?

Try this for your breadcrumbs:

<section id="breadcrumb-container" class="grid-container"> 
    <?php if(function_exists(simple_breadcrumb)) {simple_breadcrumb();} ?>
</section>

[Sally]

Thanks Tom. You’re right. The navigation in that picture is working fine – the issue was with the breadcrumbs. With the fix you’ve provided, it works fine. However, here’s a link to screenshots. When a page is accessed which contains a Gravity Form, the navigation image disappears: https://app.box.com/s/vc2fa4cml6rkyynn3bnh8twfzirlwqr5

We’ve set the image using the following css pending updates to the Customiser. Happy to follow a more sustainable alternative though:

.site-header {
    background-image: url("http://[file path]/wp-content/uploads/lc_banner.png");
    border-bottom: 5px solid #ffffff;
    color: none;
    /*min-height: 60px;*/
}

[Tom]

Interesting, so the header itself isn’t showing up when a Gravity Form is present on the page?

Is there any way you can duplicate this on a live server so I can take a look at the code?

[Sally]

Hi Tom,

If you provide an email, I can send you details of the site.

Thanks

[Tom]

You can send them to support@generatepress.com.

[Sally]

Sent to the support email. Great if this issue can be resolved.

[Tom]

When did you send the email? I’m not seeing it.

[Sally]

Sent about 24 hours ago as a WordPress generated email with password to support@generatepress.com. Is a secure site, but your gravatar shows up in our system against your user credentials.

[Tom]

Any chance you can re-send it?

Thanks!

[Sally]

Am guessing you’ve had the opportunity to visit the secure site. Are there any suggestions for our next steps regarding resolving the IE9 disappearance of the header image and subtle changes to the CSS when Gravity Forms is enabled in a page?

[Tom]

Working on getting IE9 set up, I’ll get back to you ASAP.

[Author]

Posts