How to make mobile menu transparent

This support request was posted in Smart by Clayo

Request ID #33676 In Progress

Clayo September 13, 2017 at 5:44 am
Hello,
I am having an issue figuring out how to make the mobile menu transparent on my wedding website. I do not want to hide the mobile menu because then my monogram will be hidden as well. Currently when on mobile there is a black navigation bar that is visible, but since my site is parallax I do not need this menu.
Thanks
Juanfra Aldasoro September 13, 2017 at 5:27 pm
Hi,
Thanks for writing. I hope you are doing well.
Would you please try adding the following custom CSS:
```
@media all and (max-width:1024px) {
    #header:not(.scrolled) {
        background-color: transparent !important;
    }

    #header + #container {
        margin-top: -108px !important;
    }

    #header + #container #content > article > .entry > .page-content > .vc_row:first-child::before {
        height: 108px !important;
    }
}
```
Best,
Juan.
Clayo September 13, 2017 at 9:19 pm
There is still a bit of white space at the top. Any ideas?

Clayo September 13, 2017 at 9:22 pm
Changed it to -125px and it works.

Juanfra Aldasoro September 13, 2017 at 11:17 pm
Hi,
Thanks for the follow-up.
That’s great 🙂 Yes, I think the difference is given by the logo size.
Have a nice day,
Juan.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.