Responsive mobile menu fix

[Nicole]

Hello 🙂 So I have some problems with the mobile version. As you can see in
this video http://youtu.be/mtXUz98rK7g menu is not working properly and is beeing hidden by the Revolution Slider.

I like to have the slider on home page, and I would like to keep it. But i guess if I keep the slide the menu will be hidden? Thing is that heading is also overwrite the menu when it’s open (see in the video).

So any ideas about how to fix this? There is any way to have the menu just like the image in attached?
Thanks for the support!

Attachments:

You must be logged in to view attached files.

[Catalin]

Hello,

Add this code in your style.css file from the child theme folder:

COPY CODE

.contain-to-grid {
    float: left;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 767px) {
 .contain-to-grid {
  margin-top:-12px;
     margin-left: -16px;
     min-width: -webkit-calc(100% + 32px);
     min-width: calc(100% + 32px);
 }
}

let me know if this works.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Nicole]

Hello @Catalin thanks for your quick response. The code works just perfect, but for some reason the slider isn’t show. I’ve already check the settings in Revolution Slider – Mobile Visibility and set it on 0px but the slider isn’t show anyway. Weird uh? Any idea? (i’ve tried on computer and on phone too)

[Catalin]

we are aware of this and we are still working at a fix.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts