[Support request] My logo is not working to take me back to homepage

[Heath]

Visitors used to be able to click on the logo to take them back to the home page but now it isn’t working. Any suggestions?

[Leo]

Hi Heath,

Just tested it and everything is working on my end:
https://www.screencast.com/t/xLkoVtoli

Let me know if there are any specific steps to replicate the issue.

[Heath]

I’m on my mobile device. I click into a post and then hit the logo and it does nothing

[Leo]

That’s because you’ve added this CSS:

@media (max-width: 1024px) {
    header#masthead .inside-header {
        padding:0;
    }

    header#masthead .inside-header .site-logo a {
        position: absolute;
        left: 50%;
        top: 4px;
        transform: translateX(-50%);
    }

    nav#site-navigation .inside-navigation {
        flex-direction: row-reverse;
    }
}

Can you activate the mobile header option first?
https://docs.generatepress.com/article/mobile-header/

Then I’ll provide the CSS to replace the problematic one.

[Heath]

Ok this has been done. Are you able to provide the updated CSS?

[Leo]

Try this:

.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Author]

Posts