Forum Replies Created
-
Posts
-
You can also see this effect just on the home page of the site through mobile. The menu is transparent in that it covers the content/image below it. It’s opague, but still functioning as a transparent logo.
Is there a way to not have it sit on top of the content below like it was transparent?
Thanks, Victoria!
Hi, Victoria. Thank you again for the help with this. The interesting thing about the logo being transparent on mobile is that I see what you mean – it doesn’t have an opacity, but it acts like a transparent logo in that it works in a parallax way, covering the copy below it. This is what I’m trying to avoid.
Here are two screenshots:
dt1.jpg demonstrates what I’m speaking about. The logo covers the copy below. The reason I’m trying to fix this is that this is a single page site, so the mobile links are on page anchors, moving from one Enfold section to another. Please test it on the mobile site and you’ll see what I mean.dt2.jpg – is the actual top of that section that is being covered by the menu when you click on the link from the mobile menu.
So that’s why I said the menu was acting like a transparent menu, but may be it’s the parallax affect I’m trying to avoid. Any code I could try for this?
Thanks!
Please let me know if you need any additional info from me. I was hoping that this could be accomplished with CSS and/or PHP mods.
Thanks,
JosephineAnd thank you for sharing the documentation. I’ve gone through it and applied the settings.
The big problem is when desktop is set to transparent header, I need the mobile header not to be transparent and shrink on scroll. Can’t get the shrink on scroll to happen (which would be nice). But the bigger issue is that I cannot get the mobile header to NOT be transparent when the desktop version is transparent.
The reason I need this is for intra-page links that scroll to a section. The top of that section is now hidden underneath the transparent mobile header.
Thank you again for you help with this.
