Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #500040


    I am trying to accomplish the single page restaurant demo…

    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:

    Here’s the page settings:





    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.



    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.



    Yes, thanks.


    Can you share an answer to this please?


    .header_bg { background: transparent !important; }
    this code should be written in Quick CSS



    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,

    • This reply was modified 4 years, 3 months ago by  Elliott.
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.