white bar under slider on mobile devices

[Irma]

Hi there!
1. seem to have a problem deleting the white bar that appears under the slider on my front page when site is on mobile device like phone or tablet (android). Rest is responsive as it should. http://www.temptingcounters.com

2. mobile website is not working at all on both phone & tablet, (nor in standard android or Chrome browser). Any ideas why?

Thanks!

[Towfiq I.]

1. In Asteria Options> Slider > Slider height insert the value “auto”

2. thats weird…did you install wp mobile or similar plugin?

[Irma]

Hi again!

Thanks for your support Towfiq!

1. ‘auto’ seems to have fixed the problem for 95%! But when I look at the site with my mobile in horizontal position it’s fine, if I hold it vertically the white bar still shows. Not a big problem, but is there a way to solve this?

2. solved! I had Installed Jetpack plugin with your theme, now deactivated Mobile Theme option and it works.

Great work, thanks again!

[Towfiq I.]

1. Remove this line from your styleshee:

.nivo-controlNav{bottom:auto; left:auto; position:relative;}

[Gustavo Guillermo Scalvini Imazio]

Hi Towfiq
I’ve purchased Asteria Pro. Theme work fine but I have de same problem with the mobile layout. In iPhone there is a wide white space under de slider, before the first block. The title of the slide appear in this space. I’ve read your solution “removing .nivo-controlNav…” in last post. I’ve just tryied it but the white space is there. Take a look please: http://www.laramblaibiza.com/. Slider pictures are 1200 x 400px. May be this the problem?
Thanks in advance.
Gugu

[Towfiq I.]

Go to Asteria Options> Slider and set the “Slider height” option to “auto”

[Gustavo Guillermo Scalvini Imazio]

Hi again
Solved putting height in “auto”. I’ve changed from 400 to 760 px slides height too to resolve slider behavior testing frontpage in different sreen resolutions. Now frontpage works fine in all screens and devices.
Thank you very much.