[Bee]

We are using the “Featured Image Slider” on our homepage, and this slider does not take up 100% of the page width, but there seems to be a forced max width on the container. Editing custom CSS to change the container width does not seem to change the slider width.

I saw a former post on this topic that indicated to set up the Revolution Slider, but we had to uninstall this plugin as it was rendering a conflict with some of the code on our staging site once we upgraded to the newest version of PHP, and we are unable to reinstall on our staging site to follow the instructions.

Is there custom CSS we can add to allow us to make this slider full width without installing the Revolution Slider?

[Theme Horse Support Team]

Hi Bee,

To set the slider to 100% width go to Appearance > Customize > Design Options > Custom CSS and paste below custom CSS code

.header-main .container:not(.clearfix){
    max-width: 100%;
}

Thank you!

[phonezoo.com]

Thanks you! it worked

[Theme Horse Support Team]

Welcome anytime @phonezoo-com

[Author]

Posts