[Resolved] Custom menu woocommerce mobile

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 5 replies, 3 voices, and was last updated 3 years, 3 months ago by Ying.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 13, 2023 at 11:18 am #2566371

alexis

Hello,

How can I make a menu on mobile like this site please ? https://www.cavissima.com/

1- burger menu
2- logo
3- account
4- cart

March 13, 2023 at 3:20 pm #2566560
David
Staff
Customer Support
Hi there,

it would be easier if you could activate the Mobile Header in Customizer > Layout > Header.
This will “free” the Hamburger menu making it easier to position it before the logo using this CSS:
```
.main-navigation .menu-toggle {
    order: -10 !important;
}
```
March 14, 2023 at 8:53 am #2567503

alexis

Ok thanks. How can I remove the logo when I open the menu only ?

March 14, 2023 at 10:06 am #2567598
Ying
Staff
Customer Support
Try this CSS:
```
offside-js--is-open .mobile-header-logo.site-logo {
    display: none;
}
```
March 14, 2023 at 11:34 am #2567686

alexis

Ok thanks

March 14, 2023 at 12:21 pm #2567718

Ying
Staff
Customer Support

No Problem 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.