empty space appears under content page (please react)

bob52
26 Posts
bob52 posted this 16 January 2018

Hi there this is a repost with additional information.
After 4 days of no response about my question i decided to repost my question.

Using Elementor as content editor i got some strange effect in my theme.
Under the content there appears a empty space that is not within the content editor.
When i resize the browser the theme re-renders the content and then the white space disappears. It seems that the theme does not auto resize on height based on the content that is being generated by the Elementor plugin.

Is there a way to force that?

View the page on http://www.claudiadegraauw.nl/nieuwesite/

when the effect does not appear at first, go to a sub-page and return to the main page

(origional question) https://answers.themler.io/questions/153332/empty-space-appears-under-content-page

After mailing Elementor they replied with this answare

I was able to see this "special effect".
My investigation led me to understand what is happening because of the bugs in javascript of your theme. It is built in such a way that the empty page ("outer frame") is loaded first, and then the content is loaded into that frame. And after that, the size of the frame should decrease according to the size of the content. But this does not happen

And so I can only advise you to contact the theme developer.

Please. Any help is welcome
Bob

Hi there this is a repost with additional information. After 4 days of no response about my question i decided to repost my question. Using Elementor as content editor i got some strange effect in my theme. Under the content there appears a empty space that is not within the content editor. When i resize the browser the theme re-renders the content and then the white space disappears. It seems that the theme does not auto resize on height based on the content that is being generated by the Elementor plugin. Is there a way to force that? View the page on http://www.claudiadegraauw.nl/nieuwesite/ when the effect does not appear at first, go to a sub-page and return to the main page (origional question) https://answers.themler.io/questions/153332/empty-space-appears-under-content-page After mailing Elementor they replied with this answare I was able to see this "special effect". My investigation led me to understand what is happening because of the bugs in javascript of your theme. It is built in such a way that the empty page ("outer frame") is loaded first, and then the content is loaded into that frame. And after that, the size of the frame should decrease according to the size of the content. But this does not happen And so I can only advise you to contact the theme developer. Please. Any help is welcome Bob

Last edited 16 January 2018 by bob52

Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
DouzanStudio
138 Posts
Is Solution
DouzanStudio posted this 16 January 2018

If it's just this page try force the min-height to:

.separated-item-25 {
min-height: auto !important;
}

Test the snippet by adding it to additional css field in theme customizer.

If it's just this page try force the min-height to: .separated-item-25 { min-height: auto !important; } Test the snippet by adding it to additional css field in theme customizer.
Linkebel
161 Posts
Linkebel posted this 16 January 2018

I see this in the css code

div.separated-item-25.col-md-12.first-col.last-row.last-col {
overflow: visible;
height: auto;
min-height: 4417px;
}

this is a problem : min-height: 4417px;

try the solution of DouzanStudio or

div.separated-item-25.col-md-12.first-col.last-row.last-col {
overflow: visible;
height: auto;
min-height: auto !important;
}

I hope it will help you

I see this in the css code div.separated-item-25.col-md-12.first-col.last-row.last-col { overflow: visible; height: auto; min-height: 4417px; } this is a problem : min-height: 4417px; try the solution of DouzanStudio or div.separated-item-25.col-md-12.first-col.last-row.last-col { overflow: visible; height: auto; min-height: auto !important; } I hope it will help you
bob52
26 Posts
bob52 posted this 16 January 2018

thank you Douzan and Linkebel.

This is a common problem?

Do i have to specify it per page? it happens to all pages and posts. Isnt there an general solution?

thank you Douzan and Linkebel. This is a common problem? Do i have to specify it per page? it happens to all pages and posts. Isnt there an general solution?

Last edited 16 January 2018 by bob52

DouzanStudio
138 Posts
DouzanStudio posted this 16 January 2018

I've used elementor with themler with no issues till now!
I don't see the same issue with other pages on your development site.

I've used elementor with themler with no issues till now! I don't see the same issue with other pages on your development site.
bob52
26 Posts
bob52 posted this 16 January 2018

I've used elementor with themler with no issues till now!
I don't see the same issue with other pages on your development site.

Oke thank you.
That gives hope...
(still a strange bug) ;)

> I've used elementor with themler with no issues till now! > I don't see the same issue with other pages on your development site. > > Oke thank you. That gives hope... (still a strange bug) ;)
You must log in or register to leave comments