Hi,

I've used Zentools2 Slideshow in the Banner position on the following website. I'm trying to get it to transition in to a single column at a wider screen point than it is however nothing I try seems to be working.

I have tried changing the breakpoints under the theme tab and created custom css but it's not making any difference. Do you know why this may be? I have set it back to 1200px, 787px and 620px for large, medium and small screen for now.

www.fsgtestsite.co.uk/graefe2017/index.php/technical/panel-installation

Many thanks

Heather

Hi Heather,

With

"I have set it back to 1200px, 787px and 620px for large, medium and small screen for now."

What breakpoint do you want it to collapse?

Cheers
Paul

Hi Paul

Thanks for getting back to me. I think that I will need to try the breakpoint at 880px to see how that looks. It's because there is so much going on on that one side panel. On the other pages it all works ok.

Best wishes

Heather

Hi Heather,

@media screen and (max-width: 880px) {
#zentools-369 .zt-col {width: 100%;}
}

@media screen and (max-width: 880px){
#bannerwrap h2 {
padding: 0px 20% 0px 20%;
margin-top: 10px;
font-size: 30px;
}
}

@media screen and (max-width: 880px) {
#bannerwrap p {
padding: 0px 20% 0px 20%;
line-height: 130%;
font-size: 14px;
}
}

@media screen and (max-width: 880px) {
.joinery-qx-btn-wrap .qx-btn {
width: 235px !important;
font-size: 15px;
padding: 2px 12px;
margin-top: -5px;
}
}

@media screen and (max-width: 880px) {
.joinery-qx-btn-wrap {
margin-left: 10%;
margin-top: 20px;
}
}

This one is mine

@media screen and (max-width: 880px) {
#zentools-369 .zt-col {width: 100%;}
}

the others are your existing styling

If you want the styling to affect just this module then use the zentools2 class

#zentools-369

Cheers
Paul

Hi Paul

Thank you very much for that. I thought it was something that could be changed on the theme breakpoint settings of the module rather that through css.

Best wishes

Heather

Hi Heather,

I think it is possible I'm missing some with those settings

But this was the only way I could get it to work

Cheers
Paul