-
Dear GP Team,
I am struggling to adjust the top of my site on mobile. I am not sure if the problem is in the menu, header or where … if you open the site on your mobile you will see.
Can you give me a little help to figure out the issue? The issue seems to be only in the home page.
Also, if you go to other pages (not the home page), is it possible to keep the orange button “Use My Tesla Referral” always visible even when the person scrolls down ?
Thank you so much ..
-
Hi there,
It’s because your site header is merging with the content.
On your other pages, there is a page hero section, but your homepage does not have one, so the text overlaps.
An easy fix is to increase the
padding-topfor the 1st root container on your homepage, for example, setting it to 100px.It’s not possible to only make the button sticky, it has to be entire site header or navigation area, if so, you can try enable the sticky nav option at customizer > layout > sticky navigation.
-
Hi Ying,
The mobile menu padding worked … I didn’t realize I removed this padding.
The sticky menu kind of worked too but as it’s background is transparent, it’s mixing with the text on it’s back when I scroll. Try to look … What do you think I should do ? Can I change its opacity?
Marcelo
-
Your desktop sticky menu has the same issue.
You can set a navigation background color at customizer > colors > primary navigation> navigation background color.
Let me know if this helps!
- You must be logged in to reply to this topic.