1. Finance
  2. Monday, 25 February 2019
When I have an odd number of items in a menu, only one side will have the background. The other side cuts off and it looks odd. I have tried to add a placeholder with a hidden title, but it is not the right height and also gives me an error for WCAG due to the empty link.

Do you have a suggestion for making the background fill in when there is an odd number of items in the menu?
Attachments (1)
Accepted Answer
Please use this css into your custom css and that should solve the issue.

.sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown {
background: #466082;
}


-Best Regards
  1. more than a month ago
  2. Finance
  3. # Permalink
Responses (7)
Hi,
Thanks for your query. Actually there is no default feature like that. But you can follow the following steps:
1) Please add a specific class to that menu item http://prntscr.com/mq6xsg
2) If you've named that class same like mine then please use this css and that should fix this.

.custom-menuitem a {
padding-top: 18px;
padding-bottom: 20px;
}


Here is the custom css field https://prnt.sc/ijudw8
Please mark this http://prntscr.com/mq6ytr if that solves the issue.
-Best Regards
  1. more than a month ago
  2. Finance
  3. # 1
I am not having any luck with this. I tried to add it as the class for the bottom item in the menu column as well as a blank separator item without the title displayed and nothing changes.

Am I adding it to the wrong place?
  1. more than a month ago
  2. Finance
  3. # 2
I found it's working fine now. Did you solved your issue? http://prntscr.com/mraq6i
  1. more than a month ago
  2. Finance
  3. # 3
No.. I just added a new menu item so it is no longer uneven columns but that will change again when more things are added. For your reference, I have removed them again so that you can see the issue.

ww.sdlsites.com
  1. more than a month ago
  2. Finance
  3. # 4
Thanks for the awesome support!
  1. more than a month ago
  2. Finance
  3. # 5
You are always welcome.
  1. more than a month ago
  2. Finance
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.