We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Mercury theme – Logo placement on sub 899px screen size

This topic has 0 replies, 1 voice, and was last updated 1 year, 1 month ago by [anonymous].

Viewing 1 post (of 1 total)

Author

Posts
January 9, 2023 at 2:23 pm #9081
[anonymous]
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.
Author

Posts

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.