Mobile version problems

Hello,

I have the Garage theme. I have checked and searched your support pages for this problem.

I had an issue recently with the drop down menus opening behind the slider. I thank you for your time and that issue is resolved.

Now I have a similar problem on mobile devices.

1st, the slider is much wider than the page when rendered on a phone, and 2nd, the menus are inaccessible behind the slider.

Can I remove the slider from the mobile version of the site?

If not, how do I get the menus to open on top of the slider on a mobile device and adjust the width of the slider to match the page?

Thanks for your time.


Site url: http://shiloridingclub.ca

Phone screen shot here.

http://goo.gl/kWgga

Steve

Hello?

Hi!
Please try to find following code in the file top.php:

<?php
	if ((is_front_page()&&$SMTheme->get( 'slider', 'homepage'))||(!is_front_page()&&$SMTheme->get( 'slider', 'innerpage'))) {?>
		<div class='slider-container'>
		<div class='slider-bgr'></div>
		<?php $SMTheme->block_slider();	?>
		</div><?php
	}
?>

and replace it with

<?php
	if (!preg_match('/mobi/i', $_SERVER['HTTP_USER_AGENT'])&&(is_front_page()&&$SMTheme->get( 'slider', 'homepage'))||(!is_front_page()&&$SMTheme->get( 'slider', 'innerpage'))) {?>
		<div class='slider-container'>
		<div class='slider-bgr'></div>
		<?php $SMTheme->block_slider();	?>
		</div><?php
	}
?>

That got it. Perfect!