Remove Menu Title from Mega Menu dropdown Menu [Turbo Portland Theme]

Highlighted
Excursionist
17 1 1

Hello, 

I would like to remove the menu title from the dropdown menu under a megamenu. I would like that once you hover on the megamenu, you get to see the menu straight away instead of having to click (on mobile) on the title of the menu for it to show. On desktop, you see the title + menu at the same time (as you can see from screenshot). On mobile you have to 1- hover on megamenu 2- click on menu title for the actual menu to show. I would like to SKIP step 2 on mobile. Thank you very much for your help! 

http://calzotto.com

Schermata 2020-10-24 alle 15.53.59.png

0 Likes
Highlighted

Hi @GiuliaCalz 

Put this in your Style.scss file. At the bottom

.dropdown_title {
    display: none;
}
If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
1 Like
Highlighted
Excursionist
17 1 1

Hi @Defineify thank you for you help! Worked perfectly for the desktop version, but on mobile I still need to click on the menu title to show the menu

Schermata 2020-10-24 alle 16.10.46.pngSchermata 2020-10-24 alle 16.10.48.png

0 Likes
Highlighted
Excursionist
17 1 1

Any idea what could be the solution to this @Defineify?
Thanks! 

0 Likes
Highlighted

Hi @GiuliaCalz,

Add the below

 

.mobile-mega-menu_block.sublink .parent-link--false.active{
    display: none !important;
}

 

 

 

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes
Highlighted
Excursionist
17 1 1

Hi @Defineify thanks again. I'll try to explain what happens now (talking about mobile version):

the first time i click on the mega menu link, the sub-menu title appears as always, i click on it and the actual menu appears. At this point, the menu title disappears and from this moment on every time i click on the mega menu link, i get the actual menu without title.

But, whenever i refresh the page, every first time i click on mega menu i have to click on menu title for the menu to show (and then the title disappears as long as i stay on the same page). 

0 Likes
Highlighted
Excursionist
17 1 1

Hi @Defineify , do you have any suggestion on how to solve this issue? Thank you again 

0 Likes
Highlighted

Hi @GiuliaCalz 

Sorry have been busy,

Can you try the below code, replace it with the previous

.mobile-mega-menu_block.sublink .parent-link--false{
    display: none !important;
}
If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes
Highlighted
Excursionist
17 1 1

Hi @Defineify of course, no problem at all! Thanks again. 

Unfortunately, when substituting this new code to the previous one, the sub-menu disappears completely (title+menu). You can still click on megamenu link, but nothing appears underneath.

0 Likes
Highlighted

@GiuliaCalz 

Please add me as a staff member, I will look into it myself. Would be better than going back and forth. My email is below

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes