Unable To Decrease Space Between Parent And Child Menu Items
Dina Abramson
hi,
my custom css is not decreasing the space between parent menu item and child items.
https://awdtest4.com/images/decrease_space_dropdown_menu.png
this is the css I have added:
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { display: inline-block; padding: 0 15px; line-height: 0px !important; font-size: 14px; margin: 0; } the line-height will not change- stays at 130px. How do I change this to decrease the amount of space in the dropdown area
Thanks.
Ariba
Accepted AnswerHello
Thank you for your query.
Kindly check now. I have added the following css rule in custom css section. Kindly change the line-height value according to your need.
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
line-height: 80px !important;
}Alternatively, you can reduce the header height (from Predefined Header section) and logo height in order to reduce the gap automatically.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. I will check and get back to you soon.
-Regards.