Support » Theme: Twenty Twenty-One » Twenty Twenty One: hamburger menu in border of the header

  • Resolved Pascal

    (@pascal183)


    Hi,
    on firefox or a phone, the hamburger menu appears and it is in the line of the header, so not visible.
    How to avoid this, I’ve tried lots of parameters with no succeess

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator Kathryn P.

    (@zoonini)

    Hi @pascal183 – hmm, that definitely doesn’t look right. Have you edited the theme files directly? Could you please try:

    – reinstalling a fresh copy of Twenty Twenty-One, and
    – temporarily deactivating all your plugins?

    Let me know how it goes.

    Thread Starter Pascal

    (@pascal183)

    Hi @zoonini
    thanks for your answer.

    Have you edited the theme files directly?

    => NO!

    – reinstalling a fresh copy of Twenty Twenty-One, and
    – temporarily deactivating all your plugins?

    I was on a synology install.
    I going to change to another

    Meanwhile, I have remove the line under the header so it’s better

    • This reply was modified 2 months, 1 week ago by Pascal.
    thelmachido

    (@thelmachido)

    Hi @pascal183

    Meanwhile, I have remove the line under the header so it’s better

    I checked your site and it looks like the hamburger menu is now visible, probably because you removed the line under the header?

    https://snipboard.io/3sY0CH.jpg

    Are you happy with how things are displayed now?

    Thread Starter Pascal

    (@pascal183)

    Hi @thelmachido
    thanks for your reply
    Yes it is better now even though I’d like to have the menu higher

    thelmachido

    (@thelmachido)

    Hi @pascal183

    Yes it is better now even though I’d like to have the menu higher

    The CSS code below adjusts the positioning of your menu icon. If you want it to move up you can change the number in the code to your link.

    .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
        position: relative;
        top: -1px;
    }

    You can add the code to your site’s CSS section. Appearance > Customiser > Additional CSS

    Thread Starter Pascal

    (@pascal183)

    Hi @thelmachido
    thanks again for your help 🙂
    I’ve made some changes, and added the logo on the top, so the menu is really at the top. I’ve lost some place, but it looks better.
    I don’t know if I could add a question… Is it possible to keep the menu on the top when we scroll down? What is the best practice?

    Moderator Kathryn P.

    (@zoonini)

    Hi @pascal183 – this theme doesn’t have an option for a sticky menu/header. I’d suggest trying a plugin for that; there are many to experiment with.

    Thread Starter Pascal

    (@pascal183)

    Hi @zoonini
    I’ve tried some plugin, and I’m not happy with this!
    Could you advise me a theme with sticky menu/header, perhaps I’ll consider a change in a while

    Thanks!

    Hi @pascal183

    Could you advise me a theme with sticky menu/header, perhaps I’ll consider a change in a while

    These are some of the themes on WordPress.org that have sticky headers:
    https://wordpress.org/themes/search/sticky%20header%20/ you can check the theme documentation and reviews to see the ones that suit you best.

    • This reply was modified 1 month, 4 weeks ago by thelmachido.
    Thread Starter Pascal

    (@pascal183)

    Hi @thelmachido
    thanks 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.