Mobile website Logo too Large

Home › Forums › All Other Themes › Mobile website Logo too Large

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 31, 2019 at 2:54 pm #124343
    Matt LuceMatt Luce
    Participant
    • Topics: 5
    • Replies: 3
    • Total: 8
    Member since: May 7, 2019

    Hello,

    When on our mobile (phone version) website, the logo is too large, and it blocks the menu dropdown button. When you click on the menu dropdown, it just reloads the homepage, because it thinks you are clicking on the logo. Is there a way to change the size of the logo on the mobile website only?

    Website: http://www.uksab.org

    Thanks in advance,
    Matt

    June 3, 2019 at 4:25 am #124392
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27930
    • Total: 27930
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
.logo { max-width:60%;}
}

    Regards,
    Dave

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