Increasing the FONT sizes for Kadence Slider Pro, on MOBILE / Tablet ONLY?

[John]

John

July 29, 2019 at 2:32 am

Hi there-

I’m development further project once again using Ascend Premium and Kadence Slider Pro.

So far, so good – but just a couple of issues (which I will post / ask about separately to avoid nested requests and potential confusion!)

First up:

Font SIZES on Kadence Slider Pro – when rendering on Mobile/Tablet devices?

My client has requested (fairly) small text on the sliders. Fine. – and working to spec. on Desktops.

However.. on mobile devices (iPad included here) the text seems to be being proportionately *scaled* (down) – so as such it is then far too small on mobiles. Hiding (captions) on mobile was easy – but not to the client’s liking (fair enough – they are needed really here).

I then briefly started overriding the CSS – but the placement of the slider text was then all over the place! (as feared/expected).

I had a look / search here but couldn’t find a prior post on this particular request/issue – so I hope I didn’t miss one (apologies if the case).

Is there a quick and easy way via some CSS to bump up the SIZE of slider text – but for mobiles and tablets only? (whilst crucially also preserving the placement / position of the captions (which is basically center/center (there are two text lines per “slider” at this stand..).

I suspect this one isn’t easily resolved(?) – but thought I’d ask! Thanks,
John