On an iPad (12 inches), the fullscreen pages https://neuronthemes.com/bifrost/products-carousel/ are not displayed correctly. Below it is cut off a bit and you have to scroll to see everything (see screenshot 16). If I open the same demo page within the envatomarket frame the page will be displayed correctly. (see the screenshot 17).
Can you please send me the page that you're working, there's a unit which Elementor adds(100vh) which means 100 of the viewport of height, that is not 100% compatible in all version of Safari, so it needs some adjustmens. I can suggest you add a custom class to the section that holds the images.
So, in Appearance > Customize > Additional CSS you can add.
.the-extra-class { height: 100% !important; }
Let me know if this fixes the issue.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
as you can see on the screenshots, its on your own demo sites. (and i copy your demo to develop my own site).
and its the whole site wich is not 100% to fit the height. not only the images (and the links on it). also the menu left (the social media icons are cut off a bit).
it is only correct if i open it with the envato demo frame around.
I digged into this one and it seems to be a mobile & tablet issue with the top browser, I've tested other websites too. The reason why the 100% height does not work is because of the top bar on mobile and tablet devices.
On an iPad (12 inches), the fullscreen pages https://neuronthemes.com/bifrost/products-carousel/ are not displayed correctly. Below it is cut off a bit and you have to scroll to see everything (see screenshot 16). If I open the same demo page within the envatomarket frame the page will be displayed correctly. (see the screenshot 17).
Hi Benjamin,
Can you please send me the page that you're working, there's a unit which Elementor adds(100vh) which means 100 of the viewport of height, that is not 100% compatible in all version of Safari, so it needs some adjustmens. I can suggest you add a custom class to the section that holds the images.
So, in Appearance > Customize > Additional CSS you can add.
.the-extra-class {
height: 100% !important;
}
Let me know if this fixes the issue.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
thanks.
as you can see on the screenshots, its on your own demo sites. (and i copy your demo to develop my own site).
and its the whole site wich is not 100% to fit the height. not only the images (and the links on it). also the menu left (the social media icons are cut off a bit).
it is only correct if i open it with the envato demo frame around.
Hi Benjamin,
I'm curios to see if the issue occurs only in Safari or in other browsers too, we don't have the exact iPad and we're not able to fully test it
I'm trying on different resolutions, iMac 21 - 27 and many more devices but we're not facing the issue.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
hi,
the problem is on every iPad. i made a little video where you can see what i mean.
http://benjamin-falch.de/IMG_4748.mov
the fullscreen page is not fullscreen and it is possible to scroll. inside the envato demo frame it works correct.
i tried to put your
to the body tag but it won't fix it.
any ideas?
Hi Benjamin,
I digged into this one and it seems to be a mobile & tablet issue with the top browser, I've tested other websites too. The reason why the 100% height does not work is because of the top bar on mobile and tablet devices.
With Bar: https://prnt.sc/q3v22y
Without Bar: https://prnt.sc/q3v1vk
The reason why it works with Envato Bar is because they display it on the iframe and the height is specifically chosen.
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.