-
It’s possible to achieve this:
Right now, I have the user menu in a Block element hooked to the menu_bar_items Hook.
-
Hi there,
Yes – the desired layout can be achieved with some simple CSS.
Can you make the account icon show in the mobile header first? I only see the Login and Signup buttons currently.
-
Hi Leo,
The Element is the same for Login/Signup buttons and account icon I show one or other if the user is logged in or not.
On private information, you have a link to auto login with a temporary user.
One issue that I had is that in mobiles the user icon is hidden, and I had to use this code to show:
.menu-bar-items .wp-block-navigation ul { display: initial; } -
Hi there,
you can use this CSS to move the hamburger to the left of the Logo:
#mobile-header .menu-toggle { order: -1; }You may want to consider adding some right margin to your menu bar buttons to stop them touching the viewport edge.
If on Login those buttons a replaced with an account icon then you can use this CSS to center the logo:
.logged-in #mobile-header .site-logo { margin-left: auto; }NOTE: This assumes the account icon will be same width as the hamburger icon.
- You must be logged in to reply to this topic.