Set Hamburger menu to always visible

Hi everyone,

I created this topic because I didn’t found any topic about my issue or not about my issue precisely.

I want to set Hamburger menu to always visible, just the hamburger menu, in the mobile and tablet version it works, but in the computer version not. It is possible to do that ?

In brief, I want to hide all the menu in the “hamburger” icon in every device like in the screenshot attached to this message.

I already tried many CSS in the dashboard, without any success.

Please, I just have this issue with this amazing theme. Thank you for your availability.

Website : www.soleilsolarcare.com

Théo

Hello Théo

As I can see you already did it, I see hamburger menu on my desktop PC :slight_smile:
is your problem resolved?

Hi Noda,

Thanks a lot for your fast reply!

Yes, I managed to do that but I have some question about my hamburger menu.

Is it possible to delete the frame around the three strips?
Last question, after clicking in the hamburger menu, the list of the menu come out ahead, is it possible to change that and see the menu list come out just below the hamburger?

Again, thank you very much for your help!

Théo

Hey htere

Ok, try this css to move your text on the right side:

.mobile-menu .module.widget-handle {
background: white;
border: none;
}
.main-navigation .menu {
text-align: right;
}

Hi Noda,

Great! It works!!

Amazing, thanks a lot again, thank you very much !

Théo

Thank you too :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions

Thanks!