Slider added to Centric Pro

[patio812]

I added a (one image) genesis responsive slider to centric pro theme's Home 1 widget. The slider is displaying very small. I would like it to span to edges of site. I have the slider setting max width at 1270 and max height at 667 which are the dimensions of the image.

http://681.3b0.myftpupload.com/

[jjbwp]

The widget area into which you've put the slider has a width of 782px:

.home-featured .wrap {
	margin-top: -160px;
	max-width: 782px;
	display: table;
	text-align: center;
}

[patio812]

Thank you jjbwp. I modified the max-width to 1270 and it looks much better now on desktop and tablet (landscape orientation)!

Do you know how I get rid of the large white area below the slider on tablet portrait view and phone landscape AND portrait view?

[jjbwp]

For @media display, that widget area currently has padding of 120px on top, and 60px on the bottom:

.home-featured .home-widgets-1 {
		padding: 120px 0 60px;
}

[patio812]

Didn't seem to help. I changed the code to the following:`@media only screen and (max-width: 320px) {
.home-featured .home-widgets-1 {
padding: -20px 0 20px 0px;
}}

[patio812]

I went in and changed padding to 0 and there is still a huge white space below logo and above lady image on cell phones.

@media only screen and (max-width: 320px) {

  
  .home-featured .home-widgets-1 {
		padding: 0px;
}}

[Author]

Posts