Font Issues with Mobile

[snbozek]

Hi, I was just checking my latest page edits on my iPhone and noticed some of the font is oddly small in one area where it is italicized.

It looks normal on the laptop browsers…but check out the attached screenshot from my phone the word “improve” is so small!

Also, how do I edit the slider settings to not cut off the bottom button for “free demo” on my phone? (as also shown in the screenshot)

Thanks!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your theme custom css option.

.largegreenbg_36 > i{
font-size:15px!important;
}

-Rui

[snbozek]

Hi there, Unfortunately this did not work with making the word “improve” show as the same size as the previous sentence in the slider. I also tried changing the 15px to 25px but did not see a change.

The top part of the slider is also being cut off on the vertical mobile viewing. Are there mobile settings I can adjust somewhere?

Thanks again!

[Swift Ideas – Ed]

Hi @snbozek

You’ll likely need to adjust your Revolution Slider height in the slider settings, and also play around with the layout of the slides.

This isn’t an issue with the theme, just how the slider is set up. This is a pretty good guide to get you started – http://www.wpexplorer.com/revolution-slider-review-guide/

– Ed

[snbozek]

Hi, thanks for that link. My real issue is that one italicized word in a layer is showing up MUCH smaller than the other non-italicized words in the same layer.

Any advice on fixing this? I added the code below but it did not help:

.largegreenbg_36 > i{
font-size:15px!important;
}

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

The font-size in the mobile for that word is 5px. We can’t override it with css because the font-size is declared in the style.

Try to remove the tags from the Improve word.

-Rui

[snbozek]

Hi Rui, Thanks for that info. How did you see the setting was for 5px? I don’t see any “mobile settings” ?

Also, the word “improve” is part of the same layer as the words before it…The style settings should be the same, no?

I took off the italicized tags but it’s still tiny on my phone. (Cleared my cache/cookies/data on my phone, too)

Thanks for all your help so far!
Sabrina

[Rui Guerreiro – SUPPORT]

Hi,

Now it seems to be better, but I don’t trust to much in the Cache plugin you are using.
Try W3Total Cache.

-Rui