- This topic has 7 replies, 2 voices, and was last updated 4 years, 6 months ago by
.
-
Posts
-
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/
Customer Support
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/XPeSOE19Top 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
.homewould make the CSS apply globally:
https://generatepress.com/forums/topic/topbar-mobile-header-issues/#post-1023581Perfect, thanks!
No problem 🙂
- You must be logged in to reply to this topic.