How to remove images showing on main menu dropdown

[saraseiva]

The main menu on website that links to collections shows product images in the drop down menu. How could i remove that? I see no options  on theme editor.

Website www.datlook.nl

[GTLOfficial]

Hello @saraseiva 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.bundle__link .collection-img {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[saraseiva]

Thanks that worked out, but how do i make it open vertically, have a lot of brands so takes effort to go to the last one..

[GTLOfficial]

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.swiper-wrapper {
display: inline;
}
.mega-menu-collections__swiper .dash_arrows {
display: none !important;
}
.w-100 {
left: 37%;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[saraseiva]

when i do this, also all the product alignement becomes messed up