Top Bar Sub Menu disappearing to quickly

[Jackcoldrick]

Hi guys,

I have the following set up for my header, I configured it by going to “Theme Options->Header Options”.

I set topbar to “ON” and I set top bar config to “TEXT/ALT”

All seems fine, when I navigate to the front page I can see my top bar menu. However, as soon as I hover over one of the items with child pages the dropdown appears and as soon as I go to select a page from the drop down it disappears. It works sometimes If I move the mouse a particular way, but overall it seems to be very glitchy.

Do you know what the problem could be?

[Kyle – SUPPORT]

Hi

Can you please provide your link so we can check what you mean?

– Kyle

[Jackcoldrick]

Hi,

I can’t provide a link because it’s not live. The site is being developed locally. It’s just very unusual behaviour. I can’t explain it. Is there some JS that triggers the dropdown menu? If so could you point me to the correct location of it within the themes files and I may be able to debug myself.

[Jackcoldrick]

Hi Kyle,

I managed to resolve the issue and it turns out it was my own doing ( as I had expected from the start!). I have this css in my dante child style.css file:

.layout-fullwidth .fw-header.container, .layout-fullwidth .fw-header .container {
    width: 75%;
    padding: 0 30px;
}

If I comment it out the dropdowns work as they should. I’m guessing its something to do with the padding throwing it off? The reason I had the above code was to bring the menu in from the edges of the screen.

[Kyle – SUPPORT]

Ok great 🙂 I’m not sure as I didn’t see it for myself, but glad you have solved it

– Kyle