Mobile Logo Issue

Hi there,

Can you clear then disable Autopimize so I can see the source of the code better?

Let me know :)

I disabled

Still seeing it activated:
https://www.screencast.com/t/MiIvdSGRKF

Can you disable it from the plugins list?

i cleared the caches

Can you try removing this CSS:

#mobile-header .site-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

And edit this:

#mobile-header .menu-toggle {
    order: -1 !important;
}

to this:

#mobile-header .menu-toggle {
    position: absolute;
    left: 0;
}

Once I re-enable the cache plugins, the logo shift still happens. It actually shifts more to the left now. Cache plugins are enabled.

Hmm then you would need to check with the caching plugin support.

Might be good to use the original CSS if it's not the problem then.

The CSS you gave me did shift the logo more to the left if this helps. Anything else we can try?

I thought CSS is the problem until you mentioned the caching plugin.

Now I would recommend undoing the changes here:
https://generatepress.com/forums/topic/mobile-logo-issue/#post-1050027

Then test it without the caching plugin and see if the issue is resolved.

If so then please check with the plugin support.