How to make full width Slider

[fujisan123]

Hello,

As the title says; can you tell me how to make the slider full width?

Theme is Michelangelo.

 

[fujisan123]

Nevermind I figured it out using css but it would be a very nice option to have out of the box.

 

[Stuart Gibson]

Do you have a link on how to do this through css I'm not familiar with it yet

 

[fujisan123]

Do you have a link on how to do this through css I'm not familiar with it yet

Hi Stuart,

No link I just did it through trial and error but I will share what I did.

I uploaded an image that is 1400px wide and added this css code:

.wrap.slideout-panel.slideout-panel-left > .container{
width: 100%;
padding-right: 0px;
padding-left: 0px;
}

.wrap.slideout-panel.slideout-panel-left > .container img {
width: 100%;
}

If you want the homepage products to also show full width simply remove the ">" symbol.

I also recommend using a third party CSS plugin since I noticed the one provided didn't always work. My site uses one called 'My Custom CSS' and it's great.

This hasn't been tested on different sized screens. Like yourself I'm not an expert so there may be better way.