Archived topic
Insert shortcode + menu
3 replies · Started by Alfonso on October 29, 2021
Hola,
Tengo una cabecera en mi web formada por un logo en el centro y debajo el menu principal:
https://desa2.laprairievirtualdmevent.com/
Necesito añadir a la derecha del logo el siguiente shortcode [weglot_language] y un menú que solo tendrá un item de menu (logout)
He probado a insertar el shortcode con el siguiente hook: "generate_after_logo" pero se visualiza justo debajo del logo y centrado.
Como puedo conseguir que se quede a la misma altura que el logo y alineado a la derecha?
Hi there,
1. Set your Customizer > Layout > Header Width to Contained.
2. Add this CSS:
.inside-header .weglot-shortcode {
margin-top: 0 !important;
margin-bottom: 0;
position: absolute;
right: 40px;
}Adjust the right: 40px; to position it from the edge of the screen.
Thank you very much. Now it's looks fantastic.
So, I need to add an icon on the left of Weglot shortcode with logout link.
How is the best way to get it?
You can add this link to the same hook element: <a href="url">link text</a>
Then we can see if CSS is needed to position or style the link.
