Okidoki
(Victor)
December 7, 2017, 5:13pm
3
1 Page crop < Problem solved
I had a div, used as a wrapper for the whole page that caused the height issue.
So for now this problem has been understood and corrected.
1 Page Crop
If you look at my website on Chrome (or on another browser) and check it in the inspector in 4K, you will notice that my website page height are totally different. I had to add pixels in order for my section not to collapse, on my home page and Personnal Projects page.
The page height is rather long, in between 10 000px and 12 000px, I did that because, for example on Firefox and Edge, my website will just be crop, and content will be invisible.
But on the Designer Panel there is no mean to know if such thing will happen.
Am I doing something wrong?
Is a more stable/secure way to fixed a page height so that it wont be cropped?
2. Mobile Ghost Margin < Problem solved.
This seems to happen whenever an object exceed the lenght of any container, so indeed Overflow on the right element is the solution.
2 Mobile Ghost margin
If you open this page, Projets Personnels, and look at it on Mobile view, on Chrome, you will see that there is an empty space on the right of the website, that totaly disrupt my layout. It may come from the animations, or interactions, but I think check the Overflow Hidden for the element.
Shall the Overflow be checked on the element that causing the issue, or on the main parent is enough?
Is there a way to prevent that from happening within the designer, to get a warning?