Home Forums Weaver Xtreme Theme Widget header area

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #67843
    merlojh
    Participant

    In the widget header area I would like the phone and mobile icons to resize in mobile view for phone?

    @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .phone { font-size: 50%; }
    }

    @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .media { font-size: 50%; }
    }

    I was using the above with no luck

    Home

    #67847
    scrambler
    Moderator

    Your CSS is invalid.

    You can also use the class.

    .is-phone .phone {font-size:100%;}
    .is-phone .media {font-size:80%;}

    or

    @media (max-width: 580px) {
    .phone {font-size:100%;}
    .media {font-size:80%;}
    }

     

     

    #67855
    merlojh
    Participant

    Thanks the first one worked!! John

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