The problem of showing the navigation buttons side by side - MegaMenu

This is a shifting of the background color and the text between the static and the drop-down buttons. It is most visible when the buttons are side by side in MegaMenu.

Visit: http://www.tiskarnakb.cz
This problem occurs in Safari and MS Edge. It’s all right in Google.

What version of Potion Pack are you using?

I using version Potion Pack 1.3.3.

I’m not seeing the vertical alignment problem here on your test. I checked it out in Safari, FireFox and Chrome. This screenshot is from Safari:

The space between the elements is due to the way Safari is rounding the spacing distance. This is why you’re seeing the tiny gap there in Safari and not Chrome, as they’re doing the math differently. The alternative was to have the hovered element overlap the currently selected element by one pixel, which was less desirable.

The problem is between “O nas” and “Poptavky / Objednavky”. “Poptavky/Objednavky” is dropdown menu.
Problem is only static menu item and dropdown menu item. Static item and static item is right.

I’ll have a look for a future update.

2 Likes

OK, perfect job. Thank you Adam. :slight_smile:
Zdenek