White Space on Tablets and Cellphones

lolitasmith · November 2018

Hello, can you please tell me how to remove this white space that is showing on cellphones and tablets. It is fine on desktop. I am not using footer or any other content on homepage (only the slider).

Please see sample pic here: http://www.palmspringsgolfhome.com/white-space-picture/

Thank you in advance.

Bryan · November 2018

Hey,

this is because the slider is shrinking down so there is white space.

We cannot do anything about that.

In the revolution slider styles there is an option to set a different height slider for mobile devices. You should try that.

thanks

lolitasmith · November 2018

Thank you. So are you saying I should set it to a larger height?

Pablo · November 2018

Please follow these steps to make your slider fully responsive:

https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

Thanks

lolitasmith · November 2018

I've made adjustments according to the video, but apparently it is not the slider as the slider is already responsive because the image is showing perfectly. it is the fact that I am not using any content below the slider that is causing the empty white space below the slider. Please see the difference on the pages with and without footers.

For the homepage, I only want a slider and no other content. Please help. I think it's a css problem, but I dont know what css to edit and how.

This white space underneath slider problem is only with tablets and cellphones.

http://www.palmspringsgolfhome.com/testing-withfooter/ (see with footer and there's no white space)

http://www.palmspringsgolfhome.com/testing/ (see without footer and the white space appears.

Please help. Thank yo

lolitasmith · November 2018

Please disregard everything above.

I figured out why it had the white space on cell and tablet and it was because the menu on top (plain menu option). Once I changed ithe menu from plain to modern, the white space disappeared.

Now my question is, is there a fix to use the plain menu on top OR use the modern menu with the same look as the plain menu?

Thank you.

Pablo · November 2018

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

Pablo · November 2018

This white strip is just a border, which is normal thing in this kind of menu.

I changed your menu to modern and applied the CSS to remove it.

Thanks

lolitasmith · November 2018

I sent the login info from the contact form at Themeforest.net

Thank you

lolitasmith · November 2018

I have sent the login information. Are you working on this issue?

Also, I should have mentioned, the desktop has a scrollbar when I use the plain menu option.

Please help. Thanks.

Pablo · November 2018

I've been on your website - I solved this white strip problem on header.

Check my previous post.

You can scroll on your website, because your RevSlider slide is too big.

Or Just I not understand you?

Thanks

lolitasmith · November 2018

I believe you saw the site after I figured out the problem with the white space. I fixed the white space already. I don't think I explained my problem very well.

The white space is no longer a problem. The problem is the scroll bar on the desk top when I change menu (header) styles.

Please see a better explanation of my problem here; http://www.palmspringsgolfhome.com/header-problem/

Bryan · November 2018

The answer is very simple. The current header is on the content and does not take any space.

The classic header is above the header and does take space. The page gets longer and you have a scroll bar.

lolitasmith · November 2018

I see that but my question is... How do I fix it and get rid of the scroll bar for the header that I would prefer to use?

There should not be a scroll bar. The theme gives me several options for various headers, but I am not able to use the one I like the most. Please help.

Thank you.

Bryan · November 2018

There is no fix because this is not a bug. Try using the Fixed header style. It makes the normal header float over the content. Other options would be only to make the classic header transparent.

thanks

White Space on Tablets and Cellphones

Comments