Sign in

Mercury theme – Logo placement on sub 899px screen size

  • This topic has 0 replies, 1 voice, and was last updated 2 weeks, 5 days ago by Avatar photomasonbee.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #9081
    Avatar photomasonbee

    This has been covered before on https://forum.getpublii.com/topic/mercury-theme-logo-placement-broken-for-mobile-phones/ and here is another solution.

    The problem is that the hamburger menu pushes over the logo by 24px so adding a media query for sub 900px to adjust the margin on the logo fixes it. eg

    @media screen and (max-width: 899px) {
      .logo img {
        margin-left: -24px;
      }
    }

    Slightly different to the other but works for me.

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.