Neve Sidebar made narrow-conflict with Elementor

I installed the Neve free theme to my website, and I also have Elementor (free) plugin installed as well.

Here are the page settings:

• Template = Default Template
• Page Settings > Container = Customizer Settings
• Page Settings > Sidebar = Customizer Settings

Customizer Settings: Customizer > Layout > Content/Sidebar = Right Sidebar
Result: sidebar was only about 50 pixels wide, really narrow.
Browser inspector: showed the following:

inline:4 @media (min-width: 960px)
#content.neve-main > .container > .row > .nv-sidebar-wrap, #content.neve-main > .container > .row > .nv-sidebar-wrap.shop-sidebar {
    max-width: 0%;
}

Tried every setting, even switching back and forth between Neve and WordPress default theme and same problem.

Until…

I deactivated Elementor, then refreshed the page and the proper width for the sidebar occurred.

I checked the page using the browser inspector and found this:

inline:4 @media (min-width: 960px)
#content.neve-main > .container > .row > .nv-sidebar-wrap, #content.neve-main > .container > .row > .nv-sidebar-wrap.shop-sidebar {
    max-width: 25%;
}

When I reactivated Elementor, all worked fine. The issue did not return or repeat (so far).
Something between Elementor and Neve occurred that affected the inline “max-width”, forcing it to 0%, and the sidebar width ended up with 50px only because there was some content in the sidebar area.

Question:
Is this going to be a repeating problem, maybe down the road after the website is open to public view?

• This topic was modified 4 years ago by lospeso.