Site logo

Archived topic

Spacing issue on navigation after update

12 replies · Started by morriscountynj on January 25, 2017

Viewing posts 1–13 of 13

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/

Hi there,

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

Thanks for reporting :)

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/

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

We can never test everything ourselves!

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

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.

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;}
}

Hi Josh,

You can add border around sidebar with this:

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

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="" />

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

No problem!

Thanks for reporting anyways, I'd like to make the two compatible :)

This archived topic is closed to new replies.