Solved Templates

unable to decrease space between parent and child menu items

Asked by Dina Abramson 4 years ago Last activity 4 years ago

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.

Accepted answer

Marked as the solution
Ariba Staff
4 years ago · edited

Hello

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.

2 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. I will check and get back to you soon.

-Regards.

Dina Abramson Asked this
4 years ago

thank you.

Log in to reply.