Archived topic
Topbar/mobile header issues
7 replies · Started by Joseph on October 1, 2019
Couple different issues actually.
On my homepage, on mobile. I made the topbar sticky. But after doing that, the navigation shifted upwards, and is now overlapping the topbar.
https://wordpress-319706-979662.cloudwaysapps.com/
On an inner page, I tried to replicate the homepage exactly, but mobile header/nav is now not merged, and now has a gray background. Not sure what setting caused that. Again, on mobile.
https://wordpress-319706-979662.cloudwaysapps.com/index.php/san-diego-car-accident-attorney/
Hi there,
- Try this CSS:
#mobile-header {
margin-top: 45px;
}- Which page are you referring to? I don't see a header element on the About page.
Let me know :)
Leo! Fast response.
That worked on the homepage!
But not on my inner page. As for the page I was referring to, it's the second link in my post. Here it is again.
https://wordpress-319706-979662.cloudwaysapps.com/index.php/san-diego-car-accident-attorney/
This is what it looks like:
But since I have you here, and you're looking at mobile. Is there a way to add this animated phone icon in the topbar? Seen at the top here
Try removing the mobile padding on that page hero:
https://www.screencast.com/t/XPeSOE19
Top bar takes any HTML so if you find an animated icon HTML you can certainly add it in - sam as adding it into the content.
ok that worked . Dang hidden menu! Lol my fault.
That css code you gave earlier, for the mobile menu. It isn't working on this page? Any way to extend it throughout the site? Right now its just .home?
Removing .home would make the CSS apply globally:
https://generatepress.com/forums/topic/topbar-mobile-header-issues/#post-1023581
Perfect, thanks!
No problem :)
