Okay
  Public Ticket #3085218
Menu display
Closed

Comments

  •  118
    Tuina_Simo started the conversation

    Hi Barry,

    I made some changes to my menu and now it looks like that:

    As you can see in the orange rectangle, the menu doesn't fit in 1 line anymore when I check the page on my laptop.

    Is there a way to make this new menu fit in 1 line on my laptop, ideally without altering the way it looks on my smartphone?

    Thanks for your help,
    Regards

  •  1,710
    Barry replied

    Hi Simo,

    This is simply because there are too many menu links added for the space that is available. The only thing you can do is set the header width to full width for desktop by adding the following CSS to Appearance -> Customuze -> Additional CSS:

    /* make header full width on desktop */
    @media (min-width: 992px) {
        .header .container {
            width: auto;
        }
    }

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  118
    Tuina_Simo replied

    Thanks Barry,

    This is how it looks now which is much better :)

    1309444706.png

    1. Is it possible to center the whole menu (from 'Accueil' to 'FAQ), still on the same unique line?
    2. Or to put all of it on the left side (like 'Accueil' will be near the logo)? Currently 'FAQ' is near 'Réserver' button.

    Thanks,
    Simo
  •  1,710
    Barry replied

    Hi Simo,

    1. Unfortunately this is not possible as that requires heavy code customization of the template files.

    2. That will be possible by adding this custom CSS:

    @media (min-width: 992px) {
        .header-wrapper .container {
            display: flex;
            justify-content: space-between;
        }
        .header .header-wrapper .header-navigation {
            flex: 1;
            margin-left: 20px;
        }
    }
    

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  118
    Tuina_Simo replied

    Thanks for the help Barry,

    Please close this ticket.

    Regards, Simo