Return to previous page

.css for slider heading size on mobile - by Amir

This topic has 6 replies, 2 voices, and was last updated 3 years, 7 months ago ago by Rose Tyler

Amir

Participant

August 10, 2021 at 11:11

Hey

Is there any additional .css to resize the headings on ‘The Slider’ module to a smaller font / size on a mobile phone as it seems to carry the same font weight / size across all platforms; thus making the heading look ugly on a mobile phone. With something like Smart Slider or Rev Slider u can create separate layers to achieve this.
Can someone let me know ASAP as need to do this quickly
Thanks in advance

#298379 Copied Theme version: 8.0.2

5 Answers

Rose Tyler

Support staff

August 10, 2021 at 12:23

Hello,

Do you use Elementor? Settings of Slider element > Slide item > Style > https://gyazo.com/5d01320947e1f07f00bcde3325ea6951

Regards

#298391 Copied

Amir

Participant

August 10, 2021 at 17:38

Hey Rose

Yes. But that uses them settings across all devices, so even though it looks good on desktops, on mobiles the font looks massive.
If you choose a small font then it looks way too small on desktops.
Any suggestions?
TIA

#298433 Copied

Rose Tyler

Support staff

August 11, 2021 at 07:38

Hello,

No, mentioned settings allow setting font size depends on devices. Here is the font size for the desktop – https://gyazo.com/1c4d872955a5ba1160264c6dd997a101 , and here for the mobile – https://gyazo.com/85ff384591cc26eb471a92df371bc0d3 Clear cache of your mobile browser and check now.

Regards

#298473 Copied

Amir

Participant

August 12, 2021 at 14:29

Thank you Rose.
I’ll try that, missed that option; must stop smoking heavy duty weed 24/7 🙂

#298675 Copied

Rose Tyler

Support staff

August 12, 2021 at 14:41

Hello,

You’re welcome!

Regards

#298678 Copied
Viewing 6 results - 1 through 6 (of 6 total)