How can the slider resize with its background image together?

Asked on October 30, 2016 in Development.

Hello all,
i have a slider on my website and set background image and excerpt in the widget.

As i do not want to crop the background image on mobile view, i have the following CSS setting:
#layers-widget-slide-3-98 {
background-size:stretch;
background-size: 100%
}

#layers-widget-slide-3{
height:100%;
}

However, only the background image will be resized while the slider grid remains the same, hence there are white spaces surrounding the image:

so i wanna ask for help from you guys:
1. How can make the slider grid resize together with the background image in mobile view?
2. How can the text in excerpt resize in mobile view as well?

thank you so much!!

12021687 Layers User
Reply
0 Answer(s)