Title: Menu
Last modified: August 18, 2025

---

# Menu

 *  Resolved [New_WP](https://wordpress.org/support/users/baxter89/)
 * (@baxter89)
 * [11 months, 3 weeks ago](https://wordpress.org/support/topic/menu-306/)
 * Hello,
   I’m currently using Spectra One and would like to switch to your theme,
   which I really like. However, there’s a feature I use in my current theme that
   I can’t find in Ollie.
 * Is it possible to automatically display the mobile menu when switching to tablet
   mode?
 * This is a feature I use and find very useful when the menu is too long.
 * I’ve attached some screenshots.
 * [https://snipboard.io/iTnlxK.jpg](https://snipboard.io/iTnlxK.jpg)
 * [https://snipboard.io/CwOxIy.jpg](https://snipboard.io/CwOxIy.jpg)
 * Thank you.
    -  This topic was modified 11 months, 3 weeks ago by [New_WP](https://wordpress.org/support/users/baxter89/).
    -  This topic was modified 11 months, 3 weeks ago by [New_WP](https://wordpress.org/support/users/baxter89/).

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [vallered](https://wordpress.org/support/users/vallered/)
 * (@vallered)
 * [10 months, 3 weeks ago](https://wordpress.org/support/topic/menu-306/#post-18650255)
 * Could be done via. this CSS (to be added globally), the following worked for 
   me:
 * /* =================== _/ /_ = Anpassungen Mobile und Tablet = _/ /_ ========
   =========== */
 * /_= Bis Tablet Hochkant (max 1024px) -> nur Hamburger & Overlay =_/
 * [@media](https://wordpress.org/support/users/media/) (max-width: 1024px) {
   /*
   Versteckt das normale Menü */nav.wp-block-navigation > .wp-block-navigation__container{
   display: none ;}.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-
   container-open {display: none !important;}
 * /* Zeigt den Hamburger-Button */
   .wp-block-navigation__responsive-container-open{
   display: inline-flex !important;}
 * /* Overlay-Container sichtbar, wenn geöffnet */
   .wp-block-navigation__responsive-
   container.has-modal-open {display: block !important;}}
 *  Thread Starter [New_WP](https://wordpress.org/support/users/baxter89/)
 * (@baxter89)
 * [10 months, 3 weeks ago](https://wordpress.org/support/topic/menu-306/#post-18650387)
 * Thanks for your feedback, I used ChatGPT to create the CSS that works on my end
   and I’m sharing it.
 *     ```wp-block-code
       /* ================================   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;    }}
       ```
   

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/ollie/1.6.1/screenshot.png)
 * Ollie
 * [Support Threads](https://wordpress.org/support/theme/ollie/)
 * [Active Topics](https://wordpress.org/support/theme/ollie/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/ollie/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/ollie/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [New_WP](https://wordpress.org/support/users/baxter89/)
 * Last activity: [10 months, 3 weeks ago](https://wordpress.org/support/topic/menu-306/#post-18650387)
 * Status: resolved