Soporte » Diseño – Temas y plantillas » Poner icono en el menú Colormag

  • Hola muy buenas, estoy intentando poner un icono de usuario en la parte derecha del menú (al lado del icono de búsqueda) para gestionar la parte de «mi cuenta» de la página, pero no sé cómo hacerlo con ColorMag para que quede a la derecha y del tamaño adecuado.

    Agradecería ayuda urgente.

    Muchas gracias.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Esa opción no figura en la personalización del tema, puedes añadir la cuenta como la última opción del menú principal con el logotipo y desplazarla a la derecha con CSS. Sería algo así:

    Añadir al menú la página de tienda y ponerle como etiqueta de navegación:
    <span class="dashicons dashicons-admin-users"></span><span> Mi cuenta</span>

    Identificar el elemento con el inspector del navegador y añadir a los estilos adicionales del tema este código reemplazando XXX por el número del elemento (id):

    li#menu-item-XXX {
        float: right;
    }

    Otra opción para desplazarlo es:

    Añadir en Clases CSS (opcional) una clase para diferenciarlo, por ejemplo cuenta-final

    Finalmente crear la clase en el CSS adicional del tema con el código:

    .cuenta-final {
        float: right!important;
    }

    Comenta si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate precioobjetivo

    (@precioobjetivo)

    He hecho lo que me decías y para ordenador queda perfecto. Sin embargo, en versión móvil directamente no se ve y no sé cómo solucionarlo.

    Agradecería ayuda. UN saludo.

    Moderador Jose Luis

    (@jose64)

    Hola.

    No lo tienes puesto en el menú, si no lo pones no puedo decirte que pasa. En teoría, en la versión para móvil debería verse al final del menú.

    Iniciador del debate precioobjetivo

    (@precioobjetivo)

    Sí, está puesto como me dijiste. Pero solo me sale cuando entro como admin, si no no se ve correctamente.

    Te dejo imagen de cómo se me ve cuando estoy como admin:

    imagen precioobejtivo

    • Esta respuesta fue modificada hace 1 semana, 4 días por precioobjetivo.
    Moderador Jose Luis

    (@jose64)

    Hola.

    Añade este código al archivo functions.php de tu tema hijo o en un plugin de funcionalidades como Code Snippets para que se visualicen:

    //Compatibilidad con dashicons en la web
    add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
    function load_dashicons_front_end() {
    wp_enqueue_style( 'dashicons' );
    }

    Cuando se están haciendo pruebas no se deben tener activados plugins de optimización o caché, borra la caché y desactívalos si acaso no ves los cambios.

    Iniciador del debate precioobjetivo

    (@precioobjetivo)

    Una cosa más. ¿Sería posible poner el icono, en la barra del menú pero al margen del menú en versión móvil? Es decir, que en el móvil quede como un icono al igual que «home» o menú, y no integrado en el propio menú

    Iniciador del debate precioobjetivo

    (@precioobjetivo)

    ¿Alguna solución para esto?

    Moderador Jose Luis

    (@jose64)

    Hola.

    De buenas a primeras no puedes, no puedes poner un elemento del menú fuera del menú desplegable. Para eso tendrías que probar poniéndolo en otro menú y usar un plugin para mostrar los menús de acuerdo al dispositivo, por ejemplo:

    If Menu – Visibility control for Menu Items

    Por supuesto, tienes que ver con qué zonas de menú cuenta el tema. Ahora ¿te vale la pena instalar un plugin más simplemente para eso?

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Debes estar registrado para responder a este debate.