Secondary menu jumps place when selecting menu item

Support
#1

Hi there

I have an issue where the secondary menu in my header (bar 1) jumps from it’s place when selecting a menu item. I am running varnish on the server, and also applied htaccess caching rules. But there was never an issue with this. I also tried disabling varnish but issue remains.

I did however implement flags with the hreflang flags plugin (for easy navigation between BE and NL version of website). I made a widget area in the header bar 1 so the flags can be displayed in the far right corner of the header, next to the secondary menu. So I think there is some setting in my header builder via cornerstone I did not set up properly, and every time the flags load the menu is changing places? Could you give me advice how to properly setup this bar 1 with these 3 containers as I am using now, also including the flags, but without the menu items jumping places every time a menu item is clicked?

Thanks in advance for your help.

#2

Hello @wvl,

Thank you for the inquiry.

The issue seems to be random – it doesn’t consistently occur when switching to a different page. You may need to apply a minimum width to the flag container to keep the secondary menu items from “jumping” while the flags are loading. Something like this should work:

.hreflang-flags-container {
    min-width: 76px;
}

Let us know the result.

Best regards,
Themeco