Hi,
I’ve searched the forums and tried all the CSS given in different replies, but still didn’t manage to fix the issue. What I want is a shadow under the menu only when I scroll down. I’m using the Sticky Header without the Shrinking Header option. I’m now using this:
.html_header_top.html_header_sticky #header { box-shadow: 0 1px 4px #bbbbbb; }
But then the shadow is also there when you’re not scrolling. The website is in the private content section.
Can you help me out here?
Thanks!
Hey Daniel,
about which shadow are you talking about? do you mean a border line under your menu? can you provide us a mockup please? use imgur.com or dropbox.
Best regards,
Andy
Hi Andy,
Thanks for the reply. Yes, I’m referring to the shadow or border line under my menu. The screenshot is in the private content section. What you will see is that the border is always visible. I would like it to be visible only when scrolling (right screenshot in image).
Hope you can help!
Hi,
I can’t see any border or shadow under your menu, neither on your website nor on your screenshot: http://i.imgur.com/yCbL5Lx.png
We need to be able to inspect the elements in question, so please provide us a precise link.
Best regards,
Andy
Hi Andy,
Doesn’t the screenshot work for you? I think I mean header where I say Menu (Sticky Header as mentioned in my first post).
Hope this clarifies my question!
Hi Andy,
I managed to remove the shadow border by removing my CSS and choosing the right option in the Enfold settings: http://i.imgur.com/jkhOrWH.png. You can close the ticket. Thanks!