Responsive main content

Hi, on a new Hello Elementor theme I have problems with the responsive beahvior of the content created with elementor.

The template has basic responsive steps for common width (desktop, table, mobile) 1200px, 992px, 768px.

That work with basic header, content and footer, but those css are disabled in content made with elementor.

body:not([class*=elementor-page-]) .site-main 

This is an example of the 992px min width, that is forced to max 800px but not for the main content .site-main if you created the page in elementor, and this lead to misalignment of the header (forced to 800px width) and the main content (forced to 100% width).

@media (min-width: 992px) {
    .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
        max-width:800px
    }
}

• This topic was modified 2 years, 11 months ago by homeworker.
• This topic was modified 2 years, 11 months ago by homeworker.