Dropdown nav on hover disappearing

[linardzb]

There is an issue on the site i built in WP and its navigation.

When the viewport of the page is over ~1662px the dropdown works fine, however:
– when below that width (im not sure where exactly, but in-between 1662px and 1636px is the grey area), the hover on (Editorial, Beauty, Commercial) is not working, all the way down to 491px
– when clicked on Portfolio it is working however, but not after when any of three (Editorial, Beauty, Commercial) is clicked.

I cannot find the solution after searching for hours, any advice appreciated.

website: http://veltaberzina.com/

css: https://postimg.org/image/v96ahz02b/

[Shikkediel]

The h1 element below is sitting on top of the lower part of the expanded menu because of it’s large top padding…

nav {
  position: relative;
  z-index: 1;
}

[linardzb]

Hey Shikkediel,

Thank you for looking into this,

However I tried to apply the code you suggested , and addded padding 0 to h1. However, it still is not working.
When hovered over Protfolio, I can hover down over Beauty, but not the Commercials or Editorial.

Thanks.

[Shikkediel]

The padding gets overwritten again inside a media query for sizes over 480 pixels inside the responsive.css file. I’m actually able to hover the menus myself now that the z-indexhas been added though. Not sure why you can’t – caching perhaps?

[linardzb]

Cheers Shikkediel, its fine now.

[Author]

Posts