Mobile menu - no logo


#1

Hi,

I’ve changed the menu to be sticky also in mobile mode, but since I’m using a logo in it which makes it big, I would like it removing in the mobile version.
Is that possible?
www.skalnydwor.pl

Thank you.


#2

Hello @agnkol,

Yes, that is possible. Please try to use the following CSS code to hide the logo under 767px of width:

@media only screen and (max-width: 767px) {
    .site-header .site-logo {
        display: none;
    }

    .site-header .btn-menu {
        margin: 0px auto;
    }
}

You can add CSS code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#3

Thank you! That worked as a charm :slight_smile:

There is one more thing about the menu…
I’m using in it # bookmarks to scroll to the page bookmark and the problem is that the menu in mobile mode stays dropped down even after the scroll is finished.

Is there any solution to that issue?

Thanks.


#4

You are welcome @agnkol,

As far as I know, mobile menu is handled by minified JavaScript file, so I think that there is no easy solution for your menu issue.

But you can try to use a menu plugin, for example Max Mega Menu.

I hope that it will help you.

Kind Regards, Roman.