# Changing a hamburger menu into a tab menu in mobile

**URL:** https://colorlibsupport.com/t/changing-a-hamburger-menu-into-a-tab-menu-in-mobile/7114
**Category:** Travelify
**Created:** [March 31, 2015, 9:19am UTC](https://colorlibsupport.com/t/changing-a-hamburger-menu-into-a-tab-menu-in-mobile/7114 "2015-03-31T09:19:54Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![waka](https://colorlibsupport.com/user_avatar/colorlibsupport.com/waka/32/3408_2.png) [@waka](https://colorlibsupport.com/u/waka)
#### Post date: [March 31, 2015, 9:19am UTC](https://colorlibsupport.com/t/changing-a-hamburger-menu-into-a-tab-menu-in-mobile/7114/1 "2015-03-31T09:19:54Z")

</div>

Hi!  
Thanks a lot for a last question!!  
Today new one.

I want to change a hamburger menu,in a iphone monitor, into a tab menu that is same design in PC browser.  
Please help me!

---

<div class="post-metadata">

### Author: ![aigars-silkalns](https://colorlibsupport.com/user_avatar/colorlibsupport.com/aigars-silkalns/32/13469_2.png) [@aigars-silkalns](https://colorlibsupport.com/u/aigars-silkalns)
#### Post date: [March 31, 2015, 8:19pm UTC](https://colorlibsupport.com/t/changing-a-hamburger-menu-into-a-tab-menu-in-mobile/7114/2 "2015-03-31T20:19:12Z")

</div>

You can get a regular menu for mobile by adding this CSS code to Appearance \>\> Theme Options \>\> Other \>\> Custom CSS.

```auto
@media only screen and (max-width: 767px) {
  #main-nav select { 
    display: none;
  }
  #main-nav ul {
    display: block;
  }
  #main-nav {
    height: auto;
    padding: 0;
  }
}

```

Let me know if this is what you were looking for.

---

<div class="post-metadata">

### Author: ![waka](https://colorlibsupport.com/user_avatar/colorlibsupport.com/waka/32/3408_2.png) [@waka](https://colorlibsupport.com/u/waka)
#### Post date: [April 1, 2015, 1:22am UTC](https://colorlibsupport.com/t/changing-a-hamburger-menu-into-a-tab-menu-in-mobile/7114/3 "2015-04-01T01:22:24Z")

</div>

Thank you so much!!!  
The problem was resolved thanks to your support(o^∇^o)ﾉ

---

<div class="post-metadata">

### Author: ![aigars-silkalns](https://colorlibsupport.com/user_avatar/colorlibsupport.com/aigars-silkalns/32/13469_2.png) [@aigars-silkalns](https://colorlibsupport.com/u/aigars-silkalns)
#### Post date: [April 1, 2015, 11:37am UTC](https://colorlibsupport.com/t/changing-a-hamburger-menu-into-a-tab-menu-in-mobile/7114/4 "2015-04-01T11:37:52Z")

</div>

No problem! I’m glad I could help 🙂
