Slider Question – how to decrease slider width, hide slider from mobile…

[Katharine Martin]

Hello, I’m using the Bizness pro theme. And I had a few questions:

1. I was wondering how I can decrease the width of my slider so that it fits the width of the option ribbon above it?

2. I also want to know how I can hide the slider from mobile or if I can hide it depending on the audience’s screen size because the slider looks terrible on mobile.

3. Finally, on the homepage, the content and right-hand menu overlap the slider. Is there a way to make it not overlap?

The site is www.quarkndagger.com and also www.epzone.quarkndagger.com And I just purchased all of your themes yesterday.

Thank you for your assistance.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.slidefix { width:100% !important; margin:0 !important;}
section#home_slider { display:table !important;}
.mainpage-area { margin-top:40px !important;}

@media screen and (max-width:767px) {
section#home_slider { display:none;}
.mainpage-area { margin-top:40px;}
}

Regards,
Chris

[Author]

Posts