Problem with Mobile Logo when I updated Generatepress Plugin

[Federico]

Hi David,
I hope everything is well. I updated the GP plugin and the logo on the mobile version is moved to the center of the header. I wonder if you could have a look. I didn’t changed anything but the logo moved after the update. The logo should be to the left and now it’s a bit to the center. I don’t know why since I didn’t change the code.

This also happened after the previous update.

Here I leave you the previous open topic I did: https://generatepress.com/forums/topic/problem-with-mobile-logo-when-i-updated-generatepress/

Thank you.

All the best,
Federico

[Leo]

Hi there,

This is what I’m seeing on mobile:
https://www.screencast.com/t/AqtVSxefQam

Is this not correct?

There is a 10px margin on the left which you can remove by changing your existing CSS:

@media (max-width: 780px) {
    .mobile-header-navigation .mobile-header-logo {
        float: left;
        display: block;
    }
}

to this:

@media (max-width: 780px) {
    .mobile-header-navigation .mobile-header-logo {
        float: left;
        display: block;
        margin-left: 0;
    }
}

Let me know if this helps 🙂

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

[Federico]

Hi Leo,
Thank you for your quick replay. I added the code and now it looks good. I wonder why this happened since I didn’t change anything and before it the update was fine.

In any case. Thank you for your help!

All the best,
Federico

[Leo]

Think the margin was indeed added it in the latest version.

Glad I could help 🙂

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

[Author]

Posts