Responsive slider issue with side menu

Hey guys,

I am currently using revolution slider at the top of our home page on http://savannaspringswater.com and I was wondering if there is some specific CSS you guys use to make the content shift over correctly when the menu is opened when it comes to being responsive on mobile and even some smaller laptops being the hamburger style menu displays at a larger width than usual. The issue is when the menu is opened sometimes the slider doesn’t respond to it very well and it will pull left when the menu opens and never go back to it’s original position when the menu is closed. I attached a screenshot of what it looks like when the menu is active. It happens the most when scrolling as well while the menu is open. It seems like so when it gets past a certain point.

Here is when it is then closed again.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.rev_slider_wrapper.fullwidthbanner-container {
    width: 100% !important;
    left: 0 !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hey Roman,

Seemed to do the trick, thanks again!

Great! You are welcome :slight_smile:

Kind Regards, Roman.