3D FlipBook - Top Space

l***p@gmail.com
2022-11-30
2022-11-30

Is there a way to get rid of the big top space on a Vertical Screen? I have set all my div tags to margin-top: 0px; padding-top: 0px; and the large empty darkness proceeds on vertical screens only, and my client happens to be using a Vertical Screen. We are using the Paid JQuery version.

Link to test site using 3d Flipbook- http://oddshapemedia.com/og-flip-tool/html-index.html

Thanks.

Replies

a***r@3dflipbook.net
2022-11-30
2022-11-30

could you write a link to your page we will have a look?

l***p@gmail.com
2022-11-30
2022-11-30

Thanks. This link should work, I am building the template for the slides now using the HTML version because I am going to add a few div layers. Link- http://oddshapemedia.com/og-flip-tool/html-index.html

l***p@gmail.com
2022-11-30
2022-11-30

And we are going to run it in single page mode which looks fine on a vertical browser windows but not on a vertical device of any screen. Link- http://oddshapemedia.com/og-flip-tool/html-index.html

Thanks.

a***r@3dflipbook.net
2022-11-30
2022-11-30
l***p@gmail.com
2022-11-30
2022-11-30

Could have sworn I browsed the forums for this yesterday before asking. Thanks!

l***p@gmail.com
2022-11-30
2022-11-30

Actually, the suggested code worked well on a Horizontal Display but made no changes to the top space on the Vertical display which is 1080 x 1920. It did make the Vertical display image wider for some reason.

Here is a direct link to the New Code I added to my 3d Flipbook template I am working where I can't resolve this spacing issue- http://oddshapemedia.com/og-flip-tool/html-controlsProps-on.html

Here are screenshots with the new code and old code from the Vertical display we are using- http://oddshapemedia.com/og-flip-tool/new-code.jpg

Here is a screenshot with the old code- http://oddshapemedia.com/og-flip-tool/old-code.jpg

Here is a link to the book running with the new code-

l***p@gmail.com
2022-11-30
2022-11-30

Nevermind. Got it.

Log In to leave a comment