# Hamburger menu problem

**URL:** <https://community.sitejet.io/t/hamburger-menu-problem/3069>\
**Category:** Website Builder\
**Tags:** cms\_menu\
**Created:** [March 25, 2024, 10:27am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069 "2024-03-25T10:27:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kenwin\_Z](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kenwin_z/32/2545_2.png) [@Kenwin\_Z](https://community.sitejet.io/u/Kenwin_Z)\
**Post date:** [March 25, 2024, 10:27am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069/1 "2024-03-25T10:27:48Z")

</div>

Hi, I have 2 menus, is there a way to fix this, I have 2 menus on the page but the bottom one is having problems, when it’s opened in hamburger menu state, both my main navigation and this menu opens together, is there a way to fix that? Also how can I align the hamburger icon to the center for the bottom menu? Thanks

[26c91e-81e9c.preview.sitehub.io/showcase-guest/hg-marasai-define](https://26c91e-81e9c.preview.sitehub.io/showcase-guest/hg-marasai-define)

---

<div class="post-metadata">

**Author:** ![Martin.Sitejet.Team](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/martin.sitejet.team/32/25_2.png) [@Martin.Sitejet.Team](https://community.sitejet.io/u/Martin.Sitejet.Team)\
**Post date:** [March 26, 2024, 10:36am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069/2 "2024-03-26T10:36:50Z")

</div>

Hi @Kenwin_Z, unfortunately it doesn’t work with 2 menus, except you add some custom code to let both menus separately. In your case, both menus are getting the open (open-menu) class assigned.

What is your use-case to have 2 menus?

---

<div class="post-metadata">

**Author:** ![Kenwin\_Z](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kenwin_z/32/2545_2.png) [@Kenwin\_Z](https://community.sitejet.io/u/Kenwin_Z)\
**Post date:** [March 26, 2024, 10:49am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069/3 "2024-03-26T10:49:04Z")

</div>

Do I edit the CSS and change the class name or do I have to edit something else? My pages have different sections, I would like to link items to certain anchor ids. Thanks

---

<div class="post-metadata">

**Author:** ![Martin.Sitejet.Team](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/martin.sitejet.team/32/25_2.png) [@Martin.Sitejet.Team](https://community.sitejet.io/u/Martin.Sitejet.Team)\
**Post date:** [March 27, 2024, 11:50am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069/4 "2024-03-27T11:50:18Z")

</div>

You could try changing the menu JS so that you only open the one menu by specifying the menu item you clicked on.

Please note, that we can’t give free support on custom code.

---

<div class="post-metadata">

**Author:** ![Kenwin\_Z](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kenwin_z/32/2545_2.png) [@Kenwin\_Z](https://community.sitejet.io/u/Kenwin_Z)\
**Post date:** [March 28, 2024, 7:20am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069/5 "2024-03-28T07:20:35Z")

</div>

ok thanks, no problem

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [April 8, 2024, 7:20am UTC](https://community.sitejet.io/t/hamburger-menu-problem/3069/6 "2024-04-08T07:20:40Z")

</div>