Mobile Logo Issue

[Danny]

Hi, my mobile logo looks fine on the initial load on mobile. When I click it, it shifts to the left on the next load.

[Leo]

Hi there,

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

Let me know 🙂

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

[Danny]

I disabled

[Leo]

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

Can you disable it from the plugins list?

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

[Danny]

i cleared the caches

[Leo]

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;
}

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

[Danny]

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

[Leo]

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.

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

[Danny]

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

[Leo]

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.

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

[Author]

Posts