Docs

[lisacole1]

Hi, is this the right place to ask for Ubermenu support, if not, apologies.

On http://www.kentbabymatters.org/
I have 2 little niggles – I’d like to get rid of the border around the menu and I’d like the sub menus to have evenly spaced columns. I’m not getting anywhere with the tutorials or searching.

thanks!

[Lely]

Hi There,

1: Please add this CSS on Appearance > Customize > Custom > Edit Global CSS:

.ubermenu-main {
    border: none;
}

2:Please check Explicit Width on this link:http://sevenspark.com/docs/ubermenu-3/settings/submenu/width

Hope this helps.

[lisacole1]

thanks, I’m still getting that border on the mobile though

[lisacole1]

and on the mobile I can’t move the menu link down any, it’s really high up, close to the logo

[lisacole1]

this image shows the border and placement on mobiles – I’ve tried to get it sorted through the customiser but it’s not working

It is fine if I use stacked logo as the setting but the border is still there

[Rue Nel]

Hello There,

To remove the border, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .ubermenu-skin-deepsky {
    border: none;
}

http://prntscr.com/be6gwi

Hope this helps.

[lisacole1]

thanks, that takes the border away but also all my colour customisations, it looks awful!

[lisacole1]

I lie! it must have been caching – it looks great now, thank you!
One very last niggle – how can I stop the spaces appearing on the sub menu on a mobile? It is sorting it into 3 columns with a space between each when it is one column – I’d like to lose the spaces please.

[Rue Nel]

Hello There,

To get rid of the spaces in smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 767px){
    .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
        margin-top: 0;
    }

    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, 
    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
        padding-top: 0;
        padding-bottom: 0;
    }
}

If you are using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache, please keep in mind that after doing every updates or making any changes, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Hope this helps.

[lisacole1]

ace thanks! I always forget about caching! sorry!

That code helped the gaps close up but they are still there, I can live with that though, it looks loads better, thank you!

[Joao]

That is great to hear it.

Please reach us if you need help with anything else.

Joao

[Author]

Posts