Archived topic
Mobile/Desktop Menu
13 replies · Started by thehardhatguy on January 22, 2020
For the mobile menu of my site it looks funny, with the logo appearing right above the menu. I'd like the logo to be in the center and the menu on the right hand side.
On the desktop site not sure why it looks like the mobile menu. Any way to get my original logo back on the desktop site?
Hi there,
Can you please clear and disable your caching plugin first?
Thanks :)
Sorry. Yes. Check it now.
I'm still seeing LiteSpeed cache activated.
Can you deactivate it for now?
Also, is that not the logo you've uploaded in the site identity section in the customizer?
Sorry. I forgot about the litespeed. Try it now.
It's the same logo but I want the logo small on mobile and large on desktop.
You can control the size using the menu item height option:
https://docs.generatepress.com/article/menu-item-height-width/
It has a mobile toggle as well so you can adjust them independently.
Let me know if this helps :)
Thanks. How about moving the logo to the center and the search icon to the left side of the screen?
Hi there,
try adding this CSS:
.site-logo.mobile-header-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#mobile-header .mobile-bar-items {
margin-left: 20px;
margin-right: auto;;
}
Thanks. This looks okay until I click on a category from the menu and then for some reason the logo moves to the left a bit. Also, how do I change menu size for just the iPad so it spans the screen and doesn't drop the search icon lower?
Hi there,
Not sure I'm seeing these issues - did you get them sorted out?
If not, any chance you can share a screenshot of what you're seeing?
Let us know :)
Sure. Here is a screenshot. After I click an item from the menu the logo moves to the left.
Weird this is what I'm seeing using browser resize and my phone:
https://www.screencast.com/t/K2Lpa5LRppbY
What device are you using? Have you cleared all browser cache or use incognito mode?
Let me know :)
Yeah. I'm using an iPhone 7. So what happens is it shows okay right off the bat. Then, after I click on a few links. Like, say you click a new category and go to a new page, then the logo slides to the left about 1/8 of an inch.
Still not seeing it unfortunately:
https://www.screencast.com/t/OiDLXHvDzpk
Is there a specific page I should check to replicate this issue?