How can I modify Venture theme's mobile dropdown menu to open with link title click?

Hi All!

Please can someone assist me.

I am using Venture theme and have dropdown menus in my main navigation.

When viewing the menu on mobile, the drop down menu only opens when the “+” icon is selected. If the link title is selected then the dropdown menu does not open (see screenshot below).

I would like to change this so that when the link title is selected, the dropdown menu opens.

https://electricrideco.com/

Thanks in advance!

1 Like

@guyv

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px){
.drawer__nav-has-sublist {
    position: relative;
}
.drawer__nav-toggle-btn {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    text-align: right;
}
}
1 Like

@KetanKumar

Hi! Thanks a lot. This works great.

One issue is that sometimes the nav menu changes to a hamburger menu at a screen size higher than 750px.

Is it possible to change the code so that it works whenever there is a hamburger menu rather than it being dependent on the screen size?

Thanks!

@KetanKumar

I changed max-width from 749px to 985px and that seems to have fixed it for larger screen sizes.