Home Forums Weaver Xtreme Theme mobile ready css

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17778
    bmackler
    Participant

    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;}


    #22067
    Gillian
    Moderator

    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

    #22068
    bmackler
    Participant

    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?
    #22069
    scrambler
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.