Tagged: header, transparent
Hello,
I am trying to accomplish the single page restaurant demo… http://kriesi.at/themedemo/?theme=enfold-overview
On clean install, for some reason there is a box where the menu is. I can’t seem to get this to be transparent.
What am I missing?
Here is what it looks like: http://screencast.com/t/Nf6uJDAVeyxt
Here’s the page settings: http://screencast.com/t/8IduEKnxD7i
URL: http://tsgaz.net/chefsara
Thanks!
-Fred
I have the same question. How to make menu box transparent, while scrolling down the page.
I am ok with with it changing to white after scroll begins, but I need it to start out transparent like the demo.
Hi!
can you provide us admin access please? so we can take a deeper look into it? try to deactivate all plugins to check if one is causing this issue. Post login details here as private reply.
Cheers!
Andy
Yes, thanks.
Can you share an answer to this please?
.header_bg { background: transparent !important; }
this code should be written in Quick CSS
Hi!
When you edit the page look to the right to see the page settings. The last setting is “Header visibility and transparency” which you can set to glassy header or transparent header (glassy is what the restaurant demo uses).
@fjhughes, Remove this from your child theme stylesheet.
.home #header_main .container {
background-color: #fff;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 99;
}
Best regards,
Elliott