[sendpireParticipant]

Hey guys, me again.

I added your x shortcode for a heading to my home page revolution slider. I also added a code I found on here to make one word of it in another color.

Everything works great on desktop, it’s responsive if I minimize the browser window.

But when I open it on my iPhone the text is not responsive and impossible to read.

Can you please take a look at this and help me?

Thanks!

[sendpireParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! Are you referring Responsive Texts? – https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

Would you clarify where you are using this? You could try changing the min-size to higher.

Cheers!

[sendpireParticipant]

I tried that but it didn’t do anything..

I have this code in my Revolution Slider:

[x_custom_headline class=”white-text-slider” type=”left” level=”h5″ looks_like=”h5″]<em style=”color: rgb(0, 168, 151);!important; font-style: normal;”>Networking Never Felt So Good.[/x_custom_headline]</br>

[LelyModerator]

Hi There,

We can try media queries to set font size on smaller screens.
Please try adding the following CSS on Appearance > Customize > Custom > CSS:

@media (max-width: 480px){
.white-text-slider{
  font-size:20px !important; /*Change to your preferred font size on smaller screen*/
}
}

Hope this helps.

[Author]

Posts