Hi,
I work on my venture theme and i have a little problem.
I created a drop down menu, but at the third level a box that is too large opens. How can I shrink the third level box and change the color to that box only? I’ll give you an image to make you better understand.
My website: www.dpmodellismo.it
Pass: franky
Thank’s for reply
1 Like
Hello @DP-Modellismo
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.scss.liquid and paste this at the bottom of the file:
.site-nav__dropdown-container.meganav--active {
background-color: #fff;
}
.site-nav__dropdown--third-level {
background-color: #fff;
}
hi @ZestardTech
Thanks fro your reply, the change of color works. but, how i can make less wide the third level box?
1 Like
Hello there,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.scss.liquid and paste this at the bottom of the file:
.meganav__nav .meganav__list--multiple-columns .site-nav__dropdown--third-level {
width: 21%!important;
}
Thanks @ZestardTech
i have one last problem, the box of third level open in other color and whit the perfect size but when i go out of that box it will be open. How can i set that when i goes out of the box whit the mouse the same box will be close
@ZestardTech
in this screen shot i open the link: carri armati and when i go in other links, for example: Viteria/minuteria/cuscinetti, the box of carri armati will be open and for close that i need to click out of the box, can i set this function automaticaly whitout the mouse click?