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

Store Design
1

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

2

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.