Title: Can't get CSS code working for Mobile Menu
Last modified: August 21, 2016

---

# Can't get CSS code working for Mobile Menu

 *  Resolved [dunks80](https://wordpress.org/support/users/dunks80/)
 * (@dunks80)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/)
 * Hi Guys, I’m having trouble with my mobile menu [http://www.leafrootfruit.com.au](http://www.leafrootfruit.com.au)
 * After moving the menu icon to the left on the mobile screens, the menu headers
   now show up right. I’ve been trying to use this [thread](http://wordpress.org/support/topic/move-mobile-menu-icon?replies=5)
   but it’s not working for some reason.
 * I’ve also tried, without success, to play around with the menu button as per 
   this [thread](http://wordpress.org/support/topic/menu-title-on-mobile?replies=13),
   which makes me think there’s something overriding my style.css coding specifically
   related to the mobile menu?
 * I’ve tried deactivating all the plug-ins, as per other threads in case there 
   is a conflict but that didn’t help. Any ideas on what I’m doing wrong?

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953554)
 * Try this:
 *     ```
       .nav-collapse.tc-hover-menu-wrapper {
         position: relative;
         top: -10px;
         width: 15%;
       }
       ```
   
 *  Thread Starter [dunks80](https://wordpress.org/support/users/dunks80/)
 * (@dunks80)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953556)
 * Thanks, but its moved the desktop menu left and squished it up. The mobile menu
   has not changed (I’ve left it ‘as is’ for you to see)
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953557)
 * Woops, sorry. Try this:
 *     ```
       .navbar.resp .nav-collapse.tc-hover-menu-wrapper {
         position: relative;
         top: -10px;
         width: 15%;
       }
       ```
   
 *  Thread Starter [dunks80](https://wordpress.org/support/users/dunks80/)
 * (@dunks80)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953559)
 * The desktop is back to normal, but the mobile menu remains unchanged. There must
   be something preventing the mobile menu from changing?
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953571)
 * what do you want to achieve for you mobile menu?
 *  Thread Starter [dunks80](https://wordpress.org/support/users/dunks80/)
 * (@dunks80)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953572)
 * Currently the menu button is left of screen, but when you click it and bring 
   the drop-down menu, the menu links are all aligned to the right.
 * I want to align the menu links to the left, under the button.
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953573)
 * You have this in your style.css:
 *     ```
       .navbar .nav {
           display: block;
           float: right;
           margin: 15px 10px 0 0;
           position: relative;
       }
       ```
   
 * Make it become this:
 *     ```
       .navbar.notresp .nav {
           display: block;
           float: right;
           margin: 15px 10px 0 0;
           position: relative;
       }
       ```
   
 *  Thread Starter [dunks80](https://wordpress.org/support/users/dunks80/)
 * (@dunks80)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953578)
 * Wee hoo! Thanks so much.
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953580)
 * You’re welcome 😀

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

The topic ‘Can't get CSS code working for Mobile Menu’ is closed to new replies.

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

## Tags

 * [plug-ins](https://wordpress.org/support/topic-tag/plug-ins/)

 * 9 replies
 * 3 participants
 * Last reply from: [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/cant-get-css-code-working-for-mobile-menu/#post-4953580)
 * Status: resolved