Title: Mobile Menu
Last modified: August 22, 2016

---

# Mobile Menu

 *  Resolved [Laurencecrew](https://wordpress.org/support/users/laurencecrew/)
 * (@laurencecrew)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-31/)
 * Im using the free Virtue theme, with a top bar for navigation, which I use the
   following CSS gained from these pages to make sticky, adjust fonts and padding
   etc. However on mobile size screens, when the mobile menu is active and the top
   bar disappears, it leaves the space it once occupied behind. Any idea how to 
   get rid of this?
 * [@media](https://wordpress.org/support/users/media/) (max-width: 992px) {
    .topclass{
   display:none; } }
 * #topbar {
    position:fixed; width:100%; top:0; z-index:9999; margin-bottom:5px;}
 * .admin-bar #topbar {
    top:28px; }
 * .headerclass {
    margin-top:35px; margin-bottom:20px; }
 * .sliderclass {
    padding-bottom:0; }
 * .sliderclass {
    padding-top:0; }
 * .topbarmenu ul li a {
    font-size:16px; padding:10px; }
 * #topbar-search {
    padding:5px; }
 * .kad-nav-inner .kad-mnav, .kad-mobile-nav .kad-nav-inner li a, .nav-trigger-case{
   
   color:#fff; }

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

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904813)
 * Hey,
    Can you post a link?
 * Kadence Themes
 *  Thread Starter [Laurencecrew](https://wordpress.org/support/users/laurencecrew/)
 * (@laurencecrew)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904990)
 * Sorry for the delay but I can’t send a link to a website page, as I only have
   it as a local installation, on my laptop. Here’s a screen grab link illustrating
   the gap. [http://www.evernote.com/l/ABgVnMUB1StB4ILcMotd0HoP-OGeLrynN3k/](http://www.evernote.com/l/ABgVnMUB1StB4ILcMotd0HoP-OGeLrynN3k/)
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904991)
 * Hey Laurencecrew,
    Hard to tell, but I think this css may help:
 *     ```
       @media (max-width: 768px) {
       .contentclass {
         padding-top: 0;
       }
       }
       ```
   
 * Let me know if the space is still there after adding that to your custom css.
 * Hannah
 *  Thread Starter [Laurencecrew](https://wordpress.org/support/users/laurencecrew/)
 * (@laurencecrew)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904992)
 * Hi Hannah,
    Thanks for the prompt reply but unfortunately, that didn’t work? 
   Laurence
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904993)
 * Hmm sorry about that.
    Ok, you have this in your css:
 *     ```
       .headerclass {
       margin-top:35px;
       margin-bottom:20px;
       }
       ```
   
 * I think that’s the culprit. Try either removing or adding a media query. Let 
   me know if that wasn’t it!
 * Hannah
 *  Thread Starter [Laurencecrew](https://wordpress.org/support/users/laurencecrew/)
 * (@laurencecrew)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904994)
 * Thanks Hannah,
    That did the trick. I used
 * [@media](https://wordpress.org/support/users/media/) (max-width: 992px) {
    .headerclass{
   margin-top:0px; } }
 * I also had to remember, to turn off Jet Pack WP Super Cache and clear it, before
   I could see it take effect.
    Once again excellent support Many thanks Laurence

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

The topic ‘Mobile Menu’ 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/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [space](https://wordpress.org/support/topic-tag/space/)

 * 6 replies
 * 3 participants
 * Last reply from: [Laurencecrew](https://wordpress.org/support/users/laurencecrew/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/mobile-menu-31/#post-5904994)
 * Status: resolved