Page 1 of 1

*** SOLVED *** Prevent Timer Display on Small Break Points?

Posted: Thu Apr 30, 2020 10:23 pm
by ColinM
I have a Client project that has a Carousel.
In that Carousel are a number of objects within each slide.
One of the text objects in slide 1 is fade displayed using a timer.
I don't want to display that in mobile BPs.
Timer's don't appear to be BP specific and hiding them doesn't make a difference.
The text BG is responsive,and I can change to font size (Responsive or Style) - but I can't see a way of changing the text alpha value - just the RBG.

Any suggestions please?

Re: Prevent Timer Display on Small Break Points?

Posted: Fri May 01, 2020 12:52 am
by crispy68
You could add a media query as follows in the <head> section:

Code: Select all

<style>
@media only screen and (max-width:969px){#wb_Text1{display:none !important;}}
</style>
Simply change the max-width value to the breakpoint you want it to hide in and change the ID of the text object to what your text object is (keep the #wb_).

Re: Prevent Timer Display on Small Break Points?

Posted: Fri May 01, 2020 1:35 am
by ColinM
Hey Crispy!

That worked a treat. You are a legend! :D 8)

Re: *** SOLVED *** Prevent Timer Display on Small Break Points?

Posted: Fri May 01, 2020 2:03 am
by ColinM
...and I'm forgetting my manners - Thank you very much Crispy! 8)