Logo is hidden beneath mobile menu

  • bionne

    (@bionne)


    9 years, 6 months ago

    Hi,

    I’ve exported the existing database to a new one and now the logo is somehow hidden beneath the mobile menu area. See printscreen for the example.
    So the current website to edit is: dades2.website-id.nl. The old website of which the logo works on mobile as well is dades.website-id.nl. Can someone see what the difference is and solve this problem? I’ve looked at some custom.css files, but there are no differences of which I can put my finger on to solve this problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 6 months ago

    The styling for the logo is completely different across your sites, one site uses static positioning and the other site (with the issue) uses absolute positioning. That should answer the why it’s happening problem.

    To resolve it you need to use z-index to push your absolute layer above the menu:

    
.logo {
    z-index: 1;
}

    If you’re not familiar with how the site was set up then I recommend installing a Custom CSS plugin and putting that style in there.

    Thread Starter bionne

    (@bionne)

    9 years, 6 months ago

    Thanks, that was the missing puzzle!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Logo is hidden beneath mobile menu’ is closed to new replies.