Hamburger panel not hidden with Slider widget

Hello @seedhost,

I hope you are doing well.

I have checked your website and It seems you are using ElementsKit plugin to create your mega menu. Please check this screencast here – https://d.pr/v/jidUj4

But you can use some Custom CSS to fix this issue. Here is the Custom CSS given below –

@media only screen and (max-width: 768px) {
  .elementskit-menu-container {
    max-width: 90%!important;
  }
}

You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.

After you are on the Customizer page, search for the “Additional CSS” option.

You can then go ahead and insert CSS Code. Please check this screencast to learn more – https://d.pr/v/QrrfTw

It would be good if you please contact with ElementsKit support for better assistance.

Thank you

Hello @seedhost,

Greetings. Hope you are doing well.
I haven’t heard from you since then. So, I was wondering if your issue has been resolved or not. Please let us know. I wish you a good day.

Thank you

Thank you for taking the time to reply. The CSS hides the mobile menu panel from showing but the menu/hamburger is not the issue, it is the Slider widget. If I use the CSS, instead of filling the whole mobile screen the mobile menu panel becomes 90% width. (I have removed the CSS)

The Slider widget is causing alignment problems for this specific page where it is used, compared to other posts where Slider widget is not used. I have also deleted the slider and the problem disappears.

In mobile mode, the slider seems to be changing the page container width, forcing it wider than my site settings for the content. And while it is keeping the left padding, the right padding is removed for the post’s contents, but it applies to the menu. This is why the mobile menu panel is showing but the post content is stretched to the right of the screen with no padding.

Even if I set the slider’s width to eg 200px and set the mobile margins/paddings, it still displays full width on mobile with no right padding/margin.

Hello @seedhost,

I have understood this issue. We are working on it. Please allow me a little more time. I will share an update soon.

Thanks for your patience

Hello @seedhost,

I hope you are doing well.

You can use some Custom CSS to fix this issue. Here is the Custom CSS given below –

@media only screen and (max-width: 810px) {
    .eb-slider-wrapper {
        width: 90vw;
    }
}

You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.

After you are on the Customizer page, search for the “Additional CSS” option.

You can then go ahead and insert CSS Code. Please check this screencast to learn more – https://d.pr/v/QrrfTw

It would be good if you please contact with ElementsKit support for better assistance.

Thank you!

Hello again @seedhost

Sorry for the inconvenience.

We did not hear from you since our last conversation.

Could you please let us know if you are still having the issue?

So that we could try to solve your issue.

We are waiting for your response.

Thank you.

Hi there,

I hope you are doing well.

We haven’t heard back from you in a long time. So, I am assuming your issue has been resolved. I am resolving this topic.

Have a nice day!