Skip to content

Instantly share code, notes, and snippets.

@mkrdip

mkrdip/resize-divi-fullwidth-slider.css

Created August 1, 2015 19:11
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save mkrdip/276d5ae1b3a604d0dab9 to your computer and use it in GitHub Desktop.
Save mkrdip/276d5ae1b3a604d0dab9 to your computer and use it in GitHub Desktop.
Download ZIP
Resize Divi Full Width Slider on Mobile & Tablet
Raw
resize-divi-fullwidth-slider.css
@media screen and (max-width:900px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 250px !important;
}
}
@media screen and (max-width:479px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 110px !important;
}
}
@f1mktsol
Copy link

Works great, thanks!

@vidushiyadav
Copy link

Hi
It got resized but there's a huge white space below the slider :(
Help, Please!
whatsapp image 2017-10-24 at 11 15 01 pm

@xkobxx
Copy link

xkobxx commented Nov 22, 2017

Will this work for Full width header if i change the class to "et_pb_fullwidth_header_0"

@keeleyc
Copy link

keeleyc commented Jan 5, 2018

@vidushiyadav were you able to figure this out? This is happening for me as well.

@LoisReed
Copy link

i have this question too. my images are not shrinking down in mobile

@Workbea
Copy link

Workbea commented Jan 15, 2019

@vidushiyadav did you figure this out?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment