i cant remove the logo in the middle of my mobile navigation

Hi there,

The method of achieving that look has been updated in this post: https://docs.generatepress.com/article/centering-logo-navigation/

It should show you how to deal with mobile too.

Let me know if this help :)

Hello there. after following the steps provided on the link i still have the logo on my menu on mobile view.

Did you add these three classes: hide-on-mobile hide-on-tablet centered-navigation-logo in the CSS Classes field of your logo menu item as suggested in the page?

If you did and it's not working, can you provide a link to your page?

yes i did add the classes. heres the link of the site http://lovelessdemo.dripscription.com/ thanks

hey yeah I see the classes being added but it's being overwritten.

Try this CSS for now:

@media (max-width: 768px) {
    .main-navigation .main-nav .sf-menu .hide-on-mobile.centered-navigation-logo {
        display: none !important;
    }
}

Let me know if this works.

Thank you very much Leo !! its working now.

You're very welcome :)