mobile menu bar blurred
-
Hey @arminunruh
I'm working on a new project for a client and I'm using a blurred menu bar on the desktop version and I'm trying to replicate this for mobile.
On mobile the menu bar is blurred when you scroll down but when you stay at the top it remains white.
How can it always be blurred on mobile? I'm using the same settings as the desktop so unsure why it stays white at the top on mobile?
Cheers,
Alasdair
-
Hey @arminunruh
I'm working on a new project for a client and I'm using a blurred menu bar on the desktop version and I'm trying to replicate this for mobile.
On mobile the menu bar is blurred when you scroll down but when you stay at the top it remains white.
How can it always be blurred on mobile? I'm using the same settings as the desktop so unsure why it stays white at the top on mobile?
Cheers,
Alasdair
@alasdair17 maybe the image has a border on the top, so its not behind the bar in the first screenshot?
-
@alasdair17 maybe the image has a border on the top, so its not behind the bar in the first screenshot?
@felix_rabe thanks for your reply Felix.
Hmm, yeah so I just activated the 'menu bar border' and that seems to trigger the blur effect now! Though now there is a white line that I don't really need but I can live with that!
-
maybe u need to set padding-top to 0 of body
body{
padding-top:0!important;
}not sure
hard to help without a link
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login