Spacing issue on navigation after update

[morriscountynj]

This is the only site it happened on, looks like the left/right padding on the main nav menu is funky, after I upgraded to the latest GP/Premium versions. Any ideas?

http://sheriff.morriscountynj.gov/

[Leo]

Hi there,

This is likely a bug in the new versions. I’ll notify Tom as soon as he wakes up.

Thanks for reporting 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[morriscountynj]

No problem! It’s weird though because I have MANY other sites and I only noticed this issue on one other site: http://mclib.info/

[Leo]

Bugs are weird – different combinations of settings usually would result in different bugs.

We can never test everything ourselves!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Josh]

How did you add the thin border around your sidebar content?

[Tom]

I’m assuming this issue here is the lack of dropdown arrows in the navigation?

Do you have any menu item related plugins activated by chance? It seems something is stopping the filter from firing that places the dropdown arrow in the menu item.

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

[morriscountynj]

That’s just a style, added to the child theme stylesheet 🙂

@media (max-width: 768px) {
#right-sidebar {
    margin-top: 1em;
    border: 1px solid #eee;
    padding-top: 1em;
    padding-left: 1em;}
}

[Leo]

Hi Josh,

You can add border around sidebar with this:

.sidebar .widget {
    border: 2px solid #ffffff;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[morriscountynj]

It looks like this plugin is the culprit:

https://wordpress.org/plugins/menu-image/

When I deactivate, the arrows appear.

I want to be able to use this plugin if possible.

[Tom]

It looks like you’re only using it in one menu item – why not just add the image to the navigation label?:

<img width="18" height="24" src="http://sheriff.morriscountynj.gov/wp-content/uploads/2016/12/vector-bw-18x24.png" class="menu-image menu-image-title-after" alt="" />

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

[morriscountynj]

good point. i didnt realize you could actually add straight HTML to the navigation label! im going to do that, thank you

[Tom]

No problem!

Thanks for reporting anyways, I’d like to make the two compatible 🙂

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

[Tom]

Looked into this some more. It looks like they improved how their plugin works on GitHub but haven’t pushed the update out on WordPress.org yet: https://generatepress.com/forums/topic/gp-update-to-1-3-43/#post-268876

You can use the latest files on GitHub and it will work with the GP dropdown arrows.

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

[Author]

Posts