White Space Below the Menu on Mobile

skprasad · July 2014

Have a look at the attached image taken from my smartphone. There is lot of unexplained white space below the menu and before the content starts. What is this?

If the source html does not seem to show what it is.

Can you please check and let me know what it is.

Cheers,

S K Prasasd

Albert · July 2014

Hi,

please send us url to page where you got this issue because we must have a look on it. We checked our demo and there is anything like that so the problem must be on your side only.

skprasad · July 2014

Here is the link: http://beta.vserv.mobi/

To view the page, you'll need to log in using the following credentials.

Username: demo

Password: sOweRcUrD3S9

Albert · July 2014

As we see, this happen because of min-height attribute for header. Please use below css and this should help you:

body:not(.template-slider):not(.header-simple) #Header { min-height: 200px; }

skprasad · July 2014

Doing this adds white space on desktop.

Also, is there a way to hide post title from the breadcrumb? It is unnecessarily appearing twice. Like on this post.

http://beta.vserv.mobi/strengthening-partnership-microsoft-drive-greater-monetization-opportunities-android-developers-vietnam/

skprasad · July 2014

Any update on this query?

Albert · July 2014

Answer on your second question you can already find on this forum so please take a look on http://forum.muffingroup.com/betheme/discussion/133/title-is-shown-twice-in-blog-post

skprasad · July 2014

What about the additional white space on desktop due to the css change you had posted before?

skprasad · July 2014

All issues resolved. Thanks

Albert · July 2014

Thanks for the info! We're glad all issues were resolved!

White Space Below the Menu on Mobile

Comments