mobile ready css

[bmackler]

Hi 

a website I worked on has a text wrap issue on mobile .  how do I fix that?  http://lechaimtours.com/

in the top blue area, below the navigation the text gets cut off before the last 2 lines in the blue area.  how do I create a new style for mobile that would give me some more space and help reformat the text a bit better?

I thought it was just by creating a style  .is-mobile hometext{ 

the original style is –

.hometext{

padding:15px;

width:75%;

font-family: Verdana, Geneva, sans-serif;

color:#fff;

display:block;

overflow:hidden;

font-size: 12px;}

[Gillian]

It may be just a typo in your post, but this line

I thought it was just by creating a style  .is-mobile hometext{

is missing the dot before hometext

[bmackler]

thanks.  I actually think I missed the period.  

I am using  .is-mobile.hometext{ and  .is-phone.hometext{

but I am seeing no change on my mobile.

am I missing something?

[scrambler]

You need a space after .is-mobile as that selector is on the body tag, but hometext is much below that.

Selector should only be connected if they are at the same level

[Author]

Posts