-
Hi,
I would like to shift the search icon to the left of the logo while the hamburger menu icon should remain on the right.
Thanks,
Amrik
-
Further to the issue above. when I click on the hamburger menu, the logo also shifts down. This is what happens: https://prnt.sc/6Mi-LF3OP1c8
I am certainly doing something wrong with the header/mobile navigation
-
Hello Amrik,
For reference, can you share the link to the site in question?
-
Hi,
-
Try adding this CSS through Appearance > Customize > Additional CSS:
@media (max-width: 768px){ nav#mobile-menu-control-wrapper { margin-left: 0; width: 100%; justify-content: space-between; } nav#mobile-menu-control-wrapper .menu-bar-items { margin-right: auto; } nav#mobile-menu-control-wrapper button.menu-toggle { flex-grow:0; } .site-logo { z-index: 10000; } .inside-header .site-logo { top: 30px; transform:translate(-50%,-50%); } } -
Thanks Fernando. It worked like a charm
-
You’re welcome, Amrik!
-
Hi Fernando<
I am back again.
The logo and the search icon is well aligned, https://prnt.sc/C1QEYnFKb3Ym
But why is the logo visible and shifts when I click on the hamburger menu? https://prnt.sc/1RQkj5DBCu-l
I would like the menu on the mobile to open like this – https://prnt.sc/ePfI83Bc369P
This is my old site made by a dev about 3 years back: https://earguru.in/
Regards,
Amrik
-
I updated the code above. Can you try that instead?
-
Hi Fernando,
The code worked fine, thanks.
I had requested code for the Mobile menu to open like this. https://prnt.sc/ePfI83Bc369P
Thanks,
Amrik
- You must be logged in to reply to this topic.