Remove menu box

Support
#1

Hi there,
I would like to remove the black frame surrounding the menu icon on mobile using the Ubermenu plugin. Any ideas?

#2

Hi @thurlowjp,

Thanks for writing in.

Please share us your URL so we could suggest the best CSS code to know what exactly what you want to remove and to prevent a very long and confusing thread.

Thanks.

#3
Summary

Hey Nico, here is the URL for my site, you can clearly see the box around the menu item when using the google chrome emulator of something similar;
https://www.casinoquo.com/
Also, could you answer why there is a white line separating the tab sub menu and the submenu items? Thanks buddy

#4

Hello @thurlowjp,

Thanks for sharing website URL. :slight_smile:

Please add following CSS under X > Launch > Options > CSS remove sub menu border and main nav outline:

a {outline: 0;}

.ubermenu-skin-black-white-2 .ubermenu-tabs-group{border: 0;}

Thanks.

#5

Hi Prasant,
This CSS solves the second request but the original issue remains. Thanks for your help so far, but do you have a solution for the first problem?

#6

Please disregard, I have implemented another solution. :slight_smile:

#7

Glad you’ve sorted it out.

Cheers!