Increase padding in menu

[Mohammad – SUPPORT]

Hi,
1- Please mark the issue.

2- Please use this custom css code:-

nav.std-menu .sf-mega-menu ul.sub-menu ul.sub-menu , li.menu-item.sf-mega-menu ul.sub-menu > div > li.menu-item > a {
border-right: 1px solid !important;
}

Thanks
Mohammad

[tonisaneca]

Thanks for the menu divider code, Mohammad. But unfortunately, it broke my sub-menu. Photos attached. The image code I placed for the menu image looks just like in the theme docs.

Also, my questions about the dropdown menu and the featured image text are still unanswered. I also marked the issue in my previous posts here and here, as you can see.

Attachments: code for the menu image, and the broken menu.

Thanks.

Attachments:

You must be logged in to view attached files.

[tonisaneca]

I managed to fix the broken menu. But the alignment of column 4 with the image is off, and the image still won’t appear. (see attached)
My questions about the dropdown menu and the featured image text still remain.

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I just resolved it so please check it now.
Thanks
Mohammad

[tonisaneca]

This reply has been marked as private.

[tonisaneca]

Hi there,

Any updates with this? Let me know. Thanks

[Mohammad – SUPPORT]

Hi,
I did not touch beside inserting my code at Admin -> Theme Options -> Custom CSS. You should check at your end.
Thanks
Mohammad

[tonisaneca]

Yes I understand, but like I mentioned, we must have been editing the Custom CSS at the same time because my custom css codes don’t have any additions aside from the ones I made. Maybe I saved my custom css options after you saved your work so my codes saved over any codes you might have added.

What codes did you add? So I can add them back in.

[Mohammad – SUPPORT]

Hi,
I inserted given below code but dont see my code:-

.feature-pro{
margin-top:15px !important;
}

Thanks
Mohammad

[tonisaneca]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav.std-menu ul.sub-menu{
top:80px !important;
}

Thanks
Mohammad

[tonisaneca]

Thanks! That fixed the background image peeking through.
The top and bottom margins of the dropdown are still small, though.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

li.menu-item-15187 ul.sub-menu > li > a,li.menu-item-15191 ul.sub-menu > li > a{
padding:20px 15px !important
}

Thanks
Mohammad

[tonisaneca]

That’s great! Thanks for all the help, Mohammad. Enjoy the rest of your day 🙂

[Rui Guerreiro – SUPPORT]

Great. Thanks a lot Mohammad.
-Rui