How to remove Ubermenu image padding?

Support
#1

Hi there,
I’m using Ubermenu to create a custom menu (see attached image). Regardless of any settings I tweak in the Ubermenu settings, there remains vertical and horizontal padding between the top level menu elements. In the attached image, this is the purple area surrounding the grey menu items. The images are only the grey parts+text.

In the past, I’ve had images right next to each other in the ubermenu, or separated by a couple of pixels, so it’s definitely possible. I just can’t figure out which setting is causing the padding on these new menu item images.

Any ideas?

Thanks.

#2

HI,

Your site is current under maintenance mode and we could not access the page to check.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#3

Login details:

#4

Hello There,

I have logged in and checked your site. To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

body .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    border: none !important;
    padding: 0 !important;
}

Please let us know how it goes.

#5

Perfect! Thankyou!

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.