How can I modify the menu bar in simple theme to a hamburger icon?

Store Design
1

Is there a way to change the menu on simple theme to a hamburger and move it next to the search button on webpage? Please help. Thank you so much

2

@giabach1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @KetanKumar ,

Thank you so much for reaching out. My site URL is chezrien.com. I want both of the menu on webpage AND mobile to be in the hamburger drop down, and the hamburger should be next to the search button. This picture is for better visualization. THank you.

272894654_802368447266238_2321845230962898267_n.jpg
272894654_802368447266238_2321845230962898267_n.jpg828×1792 77 KB

4

@giabach1

thanks for all details can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.mobile-menu-icon {position: absolute;top: -6px;left: 60px;}
}