Level 3 menu not accessible on minimised screen or mobile version

Dear,

I have a main menu at the top. For some it reaches to level 3. On my browser it works fine as long as the resolution of the window is maximised. When minimising the screen (results in having a hamburger menu) I cannot reach the level 3 menu.

You can access the website www.volantisconsulting.be, minimise your screen so the hamburger menu appears and then you can try to reach to this page: Les > Tarieven > Winterlessen

Any help?

Hi,

It works just fine, did that on any particular browser? Can you test that on Firefox or Chrome?

Let us know,

Thanks,
laranz.

Hi Laranz,

I found a thread about it where they said to add the next CSS…

@media (max-width: 991px){
.menu ul.dropdown-menu li a {
width: 90%;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul{
left: 0;
position: relative;
}
}

This worked for me but without the snippet I do have this issue on my iPhone and just on my mac book air (Safari)

Anyway thanks for spending your time on this.

Regards

Hi,

So, that solved the issue?

Let us know if you have any other questions in a separate thread.

Thanks,
laranz.