Hi Guys

Just noticed that on the medica template, where you have implemented the Zentools2 Parralax effect, it is resizing the text box and cutting off the text in mobile view. I noticed on my site first but it is also happening on the demo site.

Just thought I'd let you know in the hope we can get a fix for it soon.

Cheers

Chris

Hi Chris,

Is it possible for you to add your url as well so I can add that when I talk to the developers

Cheers
Paul

Hi Paul

the site is here

Thanks

Chris

Hi Chris,

Am I right in saying this shows up on narrower screens and on really wide screens its ok?

Cheers
Paul

Hi Paul

That is correct.

Cheers

Chris

Would something along these lines do the trick?

@media screen and (max-width:1200px){
#zentools-92.zt-stacked .zt-stacked-overlay {padding: 50px 25%;}
}

@media screen and (max-width:670px){
#zentools-92.zt-stacked .zt-stacked-overlay {padding: 10px 25%;}
}

@media screen and (max-width:560px){
#zentools-92.zt-stacked .zt-stacked-overlay {padding: 0px 15%;}
}

Hi Paul

Where do I put that css? I tried making a custom css for the module but it comes out as minified css file, which makes it hard to find and replace the styles. I also tried putting it into the template custom.less file but this is overridden by the module css.

Cheers

Chris

ah

sorry I meant a custom.css file from the template

Can you try adding there

If it doesn't work can you leave it there and I can see where the issue is specificity wise

Cheers
Paul

Thanks Paul that worked.

Is there a way when you create a custom css file for a zentools 2 module that it isnt minified, so it easier to edit. Or should I just copy the /media/mod_zentools2/zentools.css and modify that?

Cheers

Chris

Hi Chris,

At the moment no I'm afraid on the minified

If you edit the zentools.css it will be overwritten on update

Is there a problem with working in the custom.css file? or are you wanting to use Less ?

Cheers
Paul