Title: Menu Trigger points for tablet
Last modified: August 22, 2016

---

# Menu Trigger points for tablet

 *  Resolved [CorporateBattlefields](https://wordpress.org/support/users/corporatebattlefields/)
 * (@corporatebattlefields)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/)
 * Hey, I’ve got a menu with a lot of items (test.corporatebattlefields.com) and
   when it goes to tablet mode, the home and about menu items jump across and cover
   the logo.
    Any way I can get it to trigger the mobile menu instead in the tablet
   mode? I’ve read other support threads asking the exact opposite, but can’t find
   the css for this.
 * Thanks in advance

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662958)
 * Hey,
    You should first remove this css:
 *     ```
       ul#menu-cb-menu {
       width: 840px;
       }
       ```
   
 * that will cause issues with the responsive css.
 * Then you can add this css:
 *     ```
       @media (max-width: 1200px) {
       header #nav-main {
       margin: 0;
       }
       #nav-main ul.sf-menu {
       display: none;
       }
       #mobile-nav-trigger {
       display: block;
       }
       }
       ```
   
 * Hope that helps,
    Kadence Themes
 *  Thread Starter [CorporateBattlefields](https://wordpress.org/support/users/corporatebattlefields/)
 * (@corporatebattlefields)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662962)
 * Now my menu isn’t all on one line (which was the purpose of that little bit of
   CSS I just took out)
 * Any solution that allows me to have both?
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662964)
 * Yeah, it’s just an issue of not defining a width. so css like this:
 *     ```
       @media (min-width: 1200px) {
       .kad-header-right {
           width: 75%;
       }
       .kad-header-left {
           width: 25%;
       }
       }
       ```
   
 * Kadence Themes
 *  Thread Starter [CorporateBattlefields](https://wordpress.org/support/users/corporatebattlefields/)
 * (@corporatebattlefields)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662966)
 * This now assigns the mobile menu at all widths.
 * Sorry to be a pain.
 *  Thread Starter [CorporateBattlefields](https://wordpress.org/support/users/corporatebattlefields/)
 * (@corporatebattlefields)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662967)
 * In fact, it assigns the mobile at all widths apart from the landscape tablet 
   size
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662969)
 * Hey,
    maybe I miss understood.
 * The menu breaks down by default at the screen width of 992 pixels. The css I 
   sent should have made it so the menu switched at 1200px.
 * Which depending on your device should mean most tablets even in landscape mode
   would show a mobile menu. Is this not what you wanted?
 * Kadence Themes
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662970)
 * ok, I just clicked on to your site. I see your css isn’t right. Your not closing
   out of the media queries.
 * see how in the post I sent there are two closing brackets after the media size
   css is finished.
 * Your missing the second.
 * Kadence Themes
 *  Thread Starter [CorporateBattlefields](https://wordpress.org/support/users/corporatebattlefields/)
 * (@corporatebattlefields)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662972)
 * Oh, thats my fault.
 * Now it works. Thanks for your patience!
 * Have a nice day

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Menu Trigger points for tablet’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [CorporateBattlefields](https://wordpress.org/support/users/corporatebattlefields/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/menu-trigger-points-for-tablet/#post-5662972)
 * Status: resolved