Would like help to improve parent child menu items display in Charm template
By Sean Carney on Friday, 07 December 2018
Posted in General
Likes 0
Views 665
Votes 0
I would like to improve the line spacing of the submenu items now because they are not very attractive with the default spacing. What I would like to know how to do is to reduce the spacing between the child items so that they would appear a bit closer to their parent items. And, also increase the spacing between a parent item that is appearing below another parent item.

I have made a picture to hopefully be clearer in what I am hoping for.

I would love a little CSS tweak for this.

Sean
Hi there,

Applied css codes below. Please give it a check and see how it goes.

[gist type="css"]
/* Margin on dropdown menu items */
.sp-megamenu-parent .sp-mega-group > li > a {
margin-bottom: 0px;
margin-top: 10px;
}
[/gist]
Abdul Warith Norudin
·
Friday, 07 December 2018 16:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Wow. It looks beautiful now. :-) Thank you!!!!
Sean Carney
·
Friday, 07 December 2018 21:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Sean,

You are most welcome. Glad to hear that your issue has been resolved now.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
Manisha Ranawat
·
Friday, 07 December 2018 22:35
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post