Menu

Hola, @fredyvillena espero estes bien hoy

Solo debes de agregar el siguiente código CSS desde el personalizador de plantilla

#top-menu li{
     padding-right:none;
}

Espero funcione ??

No olvides marcar el tema como resuelto.

Hola Andrés, gracias por tu respuesta, pegue el código al final en Personalización CSS adicional, publique y las cajas de texto siguen separadas, te adjunto el css que tengo aplicado en mi menú. (El mismo código tengo aplicado para todas las cajas de menú que tengo en mi web)

/*menus*/
.cta-inicio a {
border: 1px solid #091363;
padding: 10px !important;
margin-right:0,2px;
margin-left:0,2px;
border-radius: 1px;
background: #091363;
color: #fff !important;
}

.cta-inicio a:hover {
border: 1px solid #ffcd02;
background: #091363;
color: #000 !important;
opacity: 1 !important;
}

Try this variant of Andres’ code (added to bottom of Additional CSS):

#top-menu li {
     padding-right: 0;
}

If that doesn’t work, try this:

#top-menu li {
     padding-right: 0 !important;
}

We must avoid the use of !important if possible, but sometimes it’s all that works.

Gracias bcworkz (@bcworkz)
Finalmente funciono con la segunda opcion

#top-menu li {
     padding-right: 0 !important;
}