Support » Theme: Twenty Twenty-One » Twenty Twenty One: hamburger menu in border of the header
Twenty Twenty One: hamburger menu in border of the header
-
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 succeessThe page I need help with: [log in to see the link]
-
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.
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 anotherMeanwhile, I have remove the line under the header so it’s better
-
This reply was modified 2 months, 1 week ago by
Pascal.
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?
Hi @thelmachido
thanks for your reply
Yes it is better now even though I’d like to have the menu higherHi @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
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?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.
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 whileThanks!
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.
Hi @thelmachido
thanks 🙂 -
This reply was modified 2 months, 1 week ago by
- You must be logged in to reply to this topic.