Twenty Twenty One – Mobile – Hamburger Menu Misaligned With Site Tile

matamus · Member · May 11, 2021 at 8:13 pm
Copy link

Add topic to favorites
Is there a way to align the hamburger menu and site title on mobile? This is matamus.com. Thanks!

The blog I need help with is: (visible only to logged in users)
kokkieh · Staff · May 12, 2021 at 10:35 am
Copy link
Hi there,

Add this code under Additional CSS in the Customizer:
```
@media only screen and (max-width: 482px) {
  header#masthead.site-header.has-title-and-tagline.has-menu {
    padding-top: 25px;
  }
}
```
Also note that your Business plan gives you access to both 24/7 live chat and direct email support. You can reach those at any time by clicking the Help icon that appears bottom-right on all the My Sites pages, or else via the direct link at https://wordpress.com/help/contact
matamus · Member · May 12, 2021 at 3:13 pm
Copy link
That worked very well! Thank you!
matamus · Member · May 12, 2021 at 3:17 pm
Copy link
I had another question if you had a moment.
Is there a way to make the mobile menu collapsible? As you would need to click “Articles” and then it would expand and then you would see “Can you use cryptocurrency in fire”?
matamus · Member · May 12, 2021 at 3:18 pm
Copy link
matamus · Member · May 12, 2021 at 4:19 pm
Copy link
For some reason the screenshot is not working
supernovia · Staff · May 12, 2021 at 6:14 pm
Copy link
Hi @matamus, the mobile menu should already be collapsed by default.. can you clarify?

And you can upload a screenshot to your media library and paste a link here, or use a service like https://snipboard.io/

Just so you’re aware, too, major layout and functionality changes can get pretty complex with various media queries and what not, so they fall outside the scope of the CSS support we offer. But we’ll do what we can, or if you want to hire someone for custom developing, we can help you here:
https://wordpress.com/built-by-wordpress-com/?ref=forums

No items found.