3D FlipBook - white space above and below the magazine in mobile view

a***s@sherwoodhigh.com
2021-09-07
2021-09-23

I see a lot of white space above and below the magazine in mobile view? how to fix it? i tried fb3d-h-x using the class, but it is also reflecting for desktop view also, can you please let me know how I can fix this issue only for mobile without changing the desktop view?Kindly help me with this asap.

Replies

a***s@sherwoodhigh.com
2021-09-08
2021-09-08

Hi, I have bought the Pro version. Team, please support me to resolve this issue.

a***s@sherwoodhigh.com
2021-09-08
2021-09-08

Hi team, Kindly help me on this issue, I tried customizing the client.css file but things are not working? Added media query to restrict the size for mobile but it is reflecting to desktop also @media only screen (min-width: 375px) and (max-width:567px){ .fb3d-h-400 { height: 400px !important; } }

a***r@3dflipbook.net
2021-09-09
2021-09-09

Hi, try:

@media (max-width: 750px){
  ._3d-flip-book.fb3d-fullscreen-mode {
    height:400px;
  }
}
a***s@sherwoodhigh.com
2021-09-10
2021-09-14

Hi team, I tried your code, but still the issue is same. I added .main class with the above code things are sorted for mobile view. But the magazine is very small in landscape view. could you please help me to fix the landscape view and tab view too. Waiting for your quick support. Here is the code what i used to fix the mobile view. @media (max-width: 600px){ ._3d-flip-book.fb3d-fullscreen-mode .main{ height:400px; } }

Log In to leave a comment