PHP - Corregir posiciones whmcs template

hola a todos, estoy integrando mi wordpress con mi whmcs, y voy casi bien, ya el menú y el footer se parecen, pero tengo un problema con el menú al parecer algún css está interfiriendo que se descuadra todo el menú, será que alguien le puede ver?




https://www.hostingsupremo.com/shop

Hola Richard, exactamente que parte esta descuadrada del menú? como tendría que estar?

por ejemplo así debería verde el menú y no de esta forma

Hola.

Pon esto en tu CSS:


Debería irte bien. Asegúrate de que no haya otro display que machaque a este.

-----------------------------
Aprende la programación desde una perspectiva básica y simplista en Programación Básica

no viste en que archivo estaba eso?

Encontré la cadena donde tenía que buscar pero aún el menú se ve raro, si te fijas las flechas que hacen el "Drop menu" se ven mal, podrías darme una mano más?

Prueba con esto. Aunque esto ya son más "fallos" de estructura, creo yo. Pero bueno, supongo que con eso te irá bien.

-----------------------------
Aprende la programación desde una perspectiva básica y simplista en Programación Básica

mira el archivop https://www.hostingsupremo.com/shop/templates/sixhostiko/assets/css/bootstrap.min.css era el que daba problemas al menú de whmcs, lo comenté y se arregló eso, pero se cagó el menú de arriba.




solo que ese archivo no lo entiendo, parece que algo hace interferencia.

Ese archivo es un CSS con cientos de directrices de diseño que ya viene preconstruido y listo para su utilización. Si te lo cargas, probablemente tu página pierda todo o gran parte del diseño indicado, pues ha perdido esas directrices CSS que le proporcionaba el archivo.

No se trata de que algo haga interferencia o no. Se trata de que, o bien no has sabido construir correctamente tu código HTML en base a las directrices de ese archivo, o bien siempre hay cosas que necesitas modificar más a tu gusto.

A veces, sin embargo, si tienes varias librerías de diseño en una misma página, pues sí pueden entrar en conflicto. En tu caso imagino que había varias directrices de diseño que colocaban esas flechitas al menú y acababan apareciendo ambas. Viendo el código que tienes por encima, tienes archivos CSS de Bootstrap, de Font Awesome, el propio estilo de la plantilla Six Hostiko y varios archivos personales de CSS. Es muy posible que alguna de las directrices se repitiera o que se hicieran de forma distinta y aparezcan ambas.

-----------------------------
Aprende la programación desde una perspectiva básica y simplista en Programación Básica

al final lo he quitado me daba muchos problemas, lo que me puse hacer es cambiar colores, rediseñar un poco el menú original...

Pero tengo una duda más tu me podrías decir como puedo agregar un menu desplegable ? "Dropdown"

en esta parte ya he logrado agregar algunos enlaces como "blog" " Contáctanos" pero quiero agregar otro menú que se haga dropdown y pueda agregar más opciones.

espero me puedas ayudar.

Mejor que busques una guía completa, porque depende un poco de cómo lo tienes y porque no se hace con varias líneas de código y probablemente utilizar JavaScript. Hay que elaborarlo un poco más.

-----------------------------
Aprende la programación desde una perspectiva básica y simplista en Programación Básica

investigando más a fondo pude agregar el estilo correcto y añadi css en el archivo .tpl entonces ahora tengo mi menú dropdown.

Copiaré el código que usé por si a alguien le sirve.


y para el drop: