Logo different on mobile

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

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2017 at 1:54 pm #70066

    Lin
    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?

    AvantGirl Style

    Thank you in advance.

    April 25, 2017 at 4:52 am #70097

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21675
    • Total: 21675
    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

    Lin
    Participant
    • Topics: 3
    • Replies: 1
    • Total: 4
    Member since: February 21, 2017

    Perfect! Worked nicely.
    thanks

    April 27, 2017 at 1:15 pm #70494

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21675
    • Total: 21675
    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.