Logo different on mobile

Home › Forums › All Other Themes › Logo different on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2017 at 1:54 pm #70066
    LinLin
    Participant
    • Topics: 3
    • Replies: 1
    • Total: 4
    Member since: February 21, 2017

    My logo appears correctly on the desktop but not on mobile. On mobile, the logo is squashed as if it is too wide on the mobile. Why is this area not mobile responsive? How can I fix this issue?
    http://avantgirlsalon.com/

    Thank you in advance.

    April 25, 2017 at 4:52 am #70097
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31201
    • Total: 31201
    Member since: August 16, 2013

    Hi Lin,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    @media screen and (max-width:767px) {
    .header .header-inner .logo img{height:auto !important;}
    }

    Regards,
    Dave

    April 27, 2017 at 1:14 pm #70493
    LinLin
    Participant
    • Topics: 3
    • Replies: 1
    • Total: 4
    Member since: February 21, 2017

    Perfect! Worked nicely.
    thanks

    April 27, 2017 at 1:15 pm #70494
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31201
    • Total: 31201
    Member since: August 16, 2013

    🙂

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