Help needed to change navigation drop down menu to horizontal when hovering rather than vertical

SPatel123
Tourist
6 0 2

Hello guys,

 

I am in need of help to change the navigation drop down menu to horizontal. At the moment, when you hover over the menu headings the drop down menu is vertical and does not go well with the design of the site. I have attached screenshots of how it currently looks and how I want it to look. Thanks!

 

my website URL: https://www.azville.co.uk

password: Sidz3108

Reply 1 (1)

Not applicable

Hello,

 

Just apply this code in assets - > styles.css file

 

@media (min-width: 768px){
.vr--megamenu-container.navigation__tier-2-container{
    width: 100% !important;
    display: flex !important;
    left: 0 !important;
}
ul.vr--megamenu.navigation__tier-2 {
    display: flex !important;
    width: 100% !important;
    left: 0 !important;
    flex-direction: initial !important;
    background: #fff !important;
    max-width: 100%;
    flex-wrap: wrap;
}
}

Thank you.