Mobile viewing has "big blank space" on top. How to fix?

  • Resolved ionwordpress

    (@ionwordpress)


    8 years, 3 months ago

    Hi,

    Only when viewing the website on Mobile devices (e.g tablets, iPhones, iPads), there is a wide blank space on top and need to scroll down to be able to see the Logo and the rest of the contents.

    One point to note :
    Once the mobile phone is turned to landscape viewing and then back to portrait viewing, the “blank space” disappear and it becomes okay. But when click on another page for viewing, the “big blank space” is appearing again.

    What’s wrong and is there a way to remove the “big blank space” on Mobile viewing ? Possible with custom CSS codes?

    Using Version of ColorWay Pro Responsive Theme – Version: 3.5.1

Viewing 1 replies (of 1 total)
  • Thread Starter ionwordpress

    (@ionwordpress)

    Hi,

    Those having this same problem. Here’s the Custom CSS code you can use to solve the problem of Big White Space appearing on mobile phones.

    Just copy and paste this code into your Custome CSS.

    @media only screen and (max-width: 767px){
    .mean-container .mean-bar {
    margin-top: 0px;
    }
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile viewing has "big blank space" on top. How to fix?’ is closed to new replies.