Archived topic
Logo and menu in mobile are not showing
9 replies · Started by June on September 21, 2021
Hi,
I'm facing an issue in mobile version of my site. The logo and burger menu icon are not showing but before they were showing. Can't figure out what could be the problem.
Please assist.
Hi there,
Something seems to be modifying the HTML structure of your site.
Did you add any PHP snippet or plugins recently? (wplogout social sharing)
Can you try disabling ALL plugins except GP Premium and see if the mobile logo reappears?
Hi Elvin,
I got it fixed thankfully.
But I'm facing one issue please help me in this regard.
The logo in mobile site is appearing very small. Please help me resizing it.
Try recropping your logo image to remove the excess paddings shown in red here:
https://www.screencast.com/t/mXO43kQO
Hi Leo,
I did what you suggested but no success and also my logo and burger menu icon are not aligned.
Please help me solve the issue.
There are several issues here:
- Remove the -10px top margin applied to the first GB container:
https://www.screencast.com/t/XnWHF4GIO
- This CSS you've added is causing the menu toggle misalignment. I don't believe it's needed so please remove:
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
border-radius: 5px;
margin-right: 0.5rem;
margin-left: 0.5rem;
line-height: 0px;
margin-top: 10px;
}
- I'm still seeing the old logo with excessive padding uploaded in the mobile header logo section:
https://docs.generatepress.com/article/mobile-header/
Make sure to reupload that one as well.
Perfect! Exactly what I wanted.
I want to adjust the padding of main menu but I can't find the option for menu padding. Please help me find it.
Also, I want to add logo into my off canvas panel. Please assist me in this regard as well.
Can you open a new topic for each of your questions?
Let's handle one thing per topic and I'll mark this one resolved.
Thanks.
Sure.
Thanks, Leo.
No problem :)