Reply To: Change Slider & Widgets to Mobile Responsive

Thank you Eric! I’ve tried to work on it but it didn’t work so I went back to the original details I have in home.php and style.css. Of course I have added a code in function.php too.
Would you please help me out in making this mobile responsive. I’m sorry but I’m not a coder at all, Bro! (my brother’s name is Eric too)

I have the code below in home.php

function epik_home_loop_helper_top() {
	echo '<div id="slider"><div class="wrap">';
			
	genesis_widget_area( 'slider', array(
		'before' => '<div class="slider-inner">',
	) );

	genesis_widget_area( 'home-top-left-right', array(
		'before' => '<div class="home-top-left-right">',
	) );
	echo '</div></div>';
}

and the css below in style.css

#slider {
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#slider .wrap {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 0 0;
	width: 1152px !important;
}

.slider-inner {
	margin: 0 auto !important;
	float: left;
	overflow: hidden;
	width: 780px;
}

.home-top-left-right {
	float: right;
	width: 336px;
}

.home-top-left-right .widget {
	padding-bottom: 16px;
	padding-bottom: 1rem;
	overflow: hidden;
}