New_WP

Thanks for your feedback, I used ChatGPT to create the CSS that works on my end and I’m sharing it.

/* ================================
   Forcer le menu burger dès 992px pour le mode tablette
   ================================ */

@media (max-width: 1024px) {
    /* Masquer le menu desktop tant qu’il n’est pas ouvert */
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    /* Afficher le bouton burger */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        cursor: pointer;
    }

    /* Quand le menu est ouvert */
    .wp-block-navigation__responsive-container.is-menu-open {
        display: block !important;
        width: 100%;
        background: #fff;
        padding: 1rem 1.5rem;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        border-bottom: 1px solid #eee;
    }

    /* Liens du menu mobile */
    .wp-block-navigation__responsive-container.is-menu-open a {
        display: block;
        padding: 0.75rem 0;
        font-size: 1.1rem;
        font-weight: 500;
        color: #111;
        text-decoration: none;
    }
}

Thanks.

J’ai commencé à utiliser GuttyPress avec le thème Gutty en local avec LocalWP, et j’ai rencontré deux petits problèmes :

1. Dans le modèle de page Archive, par exemple, lorsque j’utilise une boucle, si je sélectionne le type de publication que j’ai créé, puis j’applique un filtre pour afficher une catégorie, j’obtiens une erreur de bloc :
   https://snipboard.io/F58dPp.jpg
   ça fonctionne avec les articles.
2. J’ai créé une taxonomie, mais dans l’éditeur de menu de navigation, il ne me propose pas de bloc lien correspondant à mes taxonomies, comme le fait ACF. Peut-être y a-t-il une option à activer dans les paramètres ?

• This reply was modified 1 year, 2 months ago by New_WP.

I just noticed on another demo site, with the version of Spectra 2.15.2 the blocks were displayed in French.
When you update to version 2.15.3, the blocks switch to English.

/* Couleur police Mobile */
.wp-block-navigation__responsive-container-content {
color: #FFFFFF !important;
}

Hello Jamie,
Thanks for the feedback, I changed the wallpaper it works, when I switch to mobile mode the font becomes black even if I have activated a color for the text.

https://snipboard.io/VA9Qz7.jpg

For information, thanks for the tutorials, I am subscribed to your channel.

<?php
if (have_posts()) :
    while (have_posts()) : the_post();
        $terms = get_field('your_taxonomy_field_name');
        if ($terms && !is_wp_error($terms)) :
            $prefix = 'Catégorie : ';
            echo '<ul class="custom-taxonomies">';
            foreach ($terms as $term_id) :
                $term = get_term($term_id);
                if ($term && !is_wp_error($term)) :
                    echo '<li>' . esc_html($prefix . $term->name) . '</li>';
                endif;
            endforeach;
            echo '</ul>';
        endif;
    endwhile;
endif;

CSS :
.custom-taxonomies {
    list-style-type: none; /* Enlève les puces */
    padding: 0;            /* Enlève le padding par défaut */
}

.custom-taxonomies li {
    display: inline-block; /* Affiche les éléments en ligne */
    margin-right: 10px;    /* Espace entre les éléments */
}