Title: Gap above navbar?
Last modified: August 22, 2016

---

# Gap above navbar?

 *  [deveshjadaun](https://wordpress.org/support/users/deveshjadaun/)
 * (@deveshjadaun)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/)
 * Hi Vladff,
 * I have a funny gap showing above the top bar as i click on the welcome button.
   Have enetered #site-navigation in the call-to-action field in the customizer.
   Few days back, everything’s was fine. Have been playing around adjusting things
   in style.css via custom css plugin.
 * Am stuck for a while now and not able to fix the issue. Have browsed online searching
   for a fix, but still no luck.
 * Attaching screen-shots of the site for your reference. Have a look and see what
   the issue could be.
 * [welcome_screen](http://i1322.photobucket.com/albums/u573/devesh123/welcome_screen_zps67d84649.jpg)
 * [welcome_button_scroll](http://i1322.photobucket.com/albums/u573/devesh123/welcome_button_scroll_zps8cc252a2.jpg)
 * [sticky_menu](http://i1322.photobucket.com/albums/u573/devesh123/sticky_menu_zps76b41c0a.jpg)
 * Thanx in advance.
 * [https://wordpress.org/themes/moesia/](https://wordpress.org/themes/moesia/)

Viewing 15 replies - 1 through 15 (of 33 total)

1 [2](https://wordpress.org/support/topic/gap-above-navbar/page/2/?output_format=md)
[3](https://wordpress.org/support/topic/gap-above-navbar/page/3/?output_format=md)
[→](https://wordpress.org/support/topic/gap-above-navbar/page/2/?output_format=md)

 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578277)
 * Hello,
 * I’m guessing that’s where your admin bar should be in case you were logged in.
   Is it happening when you’re not logged in?
 *  Thread Starter [deveshjadaun](https://wordpress.org/support/users/deveshjadaun/)
 * (@deveshjadaun)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578281)
 * That is what even i guessed earlier and someone else too had a similar problem
   as i found in the forum later. But the gap is not exactly 32px in height, a liitle
   less. Even cleared all my cache from wp-content folder, set all top bar margins,
   padding, etc. to 0, but the issue remains.
 * Maybe the #site-navigation anchor/jump is not landing quite right???
    Just a 
   guess! Since am not an html coder, don’t exactly know how to go about fixing 
   the issue.
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578299)
 * Coud you post a link to your website?
 *  Thread Starter [deveshjadaun](https://wordpress.org/support/users/deveshjadaun/)
 * (@deveshjadaun)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578301)
 * Sorry, didn’t exactly answer your question earlier. Yes. **it’s happening when
   i’ve logged out.** Also, when i’m logged in and click on the welcome button and
   scroll down, a portion of the navbar hides behind the admin bar and doesn’t sit
   exactly below the admin bar as it should.
 * Attaching another shot for your reference.
 * [navbar_portion_hidden](http://i1322.photobucket.com/albums/u573/devesh123/navbar_portion_hidden_zps685281d2.jpg)
 * **The site is actually under maintenanace.** Haven’t yet gone live with this 
   theme, except for a brief moment or two to check if everything’s ok.
 *  Thread Starter [deveshjadaun](https://wordpress.org/support/users/deveshjadaun/)
 * (@deveshjadaun)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578307)
 * **My custom css:**
 *     ```
       .widget_metaslider_widget {
          max-width: 100%;
          padding-left: 0;
          padding-right: 0;
       }
       .page-id-157 .content-area {
          width: 100%;
       }
       .page-id-157 .widget-area {
          display: none;
       }
       .page-id-740 .content-area {
          width: 100%;
       }
       .page-id-740 .widget-area {
          display: none;
       }
       .page-id-662 .content-area {
          width: 100%;
       }
       .page-id-662 .widget-area {
          display: none;
       }
       .single .widget-area {
          display: none;
       }
       .single .content-area {
          width: 100%;
       }
       .category .widget-area {
          display: none;
       }
       .category .content-area {
          width: 100%;
       }
       .anchor{
         display: block;
         height: 101px; /*same height as header*/
         margin-top: -101px; /*same height as header*/
         visibility: hidden;
       }
       .main-navigation li,
       .site-branding {
           padding-top: 0px;
           padding-bottom: 0px;
       }
       .stuck .main-navigation li,
       .stuck .site-branding {
           padding-top: 0px;
           padding-bottom: 0px;
       }
       .hentry .post-content, .single .hentry, .page .hentry {
           border: none;
       }
       .main-navigation {
         padding-top:0;
         margin-top:0;
       }
       ```
   
 * Also, have also this code in **my header.php file**.
    `<?php echo do_shortcode("[
   metaslider id=537 restrict_to=home]"); ?>`
 * This is for you to check n see if i haven’t played with the settings i shouldn’t
   have.
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578345)
 * Well, work through your custom code and see what causes the issue, it would be
   the fastest way to do it.
 *  [Eva Klassen](https://wordpress.org/support/users/eva-klassen/)
 * (@eva-klassen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578352)
 * I’m having a similar problem both when I’m logged in and logged out of wordpress.
   The site isn’t live yet – pics included below.
 * First, the gap appears below the video:
 * [⌊Screen Shot 2014-12-15 at 10.59.30 AM⌉⌊Screen Shot 2014-12-15 at 10.59.30 AM⌉[
 * Then, when you scroll down, the video jumps and the gap appears at the top:
 * [⌊Screen Shot 2014-12-15 at 10.59.43 AM⌉⌊Screen Shot 2014-12-15 at 10.59.43 AM⌉[
 * I haven’t made any changes to the video header and things were working perfectly
   a few days ago. I did install the theme update…
 * Any ideas?
 * Thanks!
 * ek
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578364)
 * I cannot reproduce the issue. I would need to see your website if you can set
   it live. Feel free to email me at vlad[at]athemes.com
 *  [Eva Klassen](https://wordpress.org/support/users/eva-klassen/)
 * (@eva-klassen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578366)
 * Ok. I’ve set the website to live.
 * Here’s the link: [http://www.naturalcyclecourier.ca](http://www.naturalcyclecourier.ca)
 * I’m also now having trouble with the background images in the row styles Latest
   News, Riders and Stats (the update seems to have changed things).
 * ek
 *  [Eva Klassen](https://wordpress.org/support/users/eva-klassen/)
 * (@eva-klassen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578367)
 * First the large white gap appears at the bottom of the header video.
 * Scroll up and down the front page a few times and the video drops…
 * ek
 *  [Eva Klassen](https://wordpress.org/support/users/eva-klassen/)
 * (@eva-klassen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578373)
 * Solved the background images issue:
 * There are 3 places to set the background image for a row – it’s a little confusing.
 * 1. Clicking on edit row and changing Background image under Theme (this works)
   
   2. Clicking edit on the widget, click Design and changing the Background Image(
   of the widget it says) 3. Clicking edit on the widget and changing the image 
   background near the bottom (for ex. in Moesia FP:Facts, you can change the image
   after entering your fourth fact value).
 * I may just be confused. Just trying to be helpful 🙂
 * Cheers.
 *  [Eva Klassen](https://wordpress.org/support/users/eva-klassen/)
 * (@eva-klassen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578375)
 * Only the RIDERS (originally employees) widget background isn’t working…
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578376)
 * Yeah, some things have changed with the Page Builder update.
 * 1. This is the preferred way to do it.
    2. I’ll have to look into it a bit, they
   just added it in PB 2.0 and I didn’t notice it when I was trying the beta. 3.
   This was added to the theme some time ago, I probably should remove it at some
   point.
 *  [Eva Klassen](https://wordpress.org/support/users/eva-klassen/)
 * (@eva-klassen)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578382)
 * I think I figured out the gap problem.
 * If you resize the screen on naturalcyclecourier.ca, the size of the gap between
   the video header and the main menu changes. It’s as if it isn’t responsive as
   it was before.
 * If you see the moesia demo, if you change the screen size, the menu bar stays
   stuck to the bottom of the video:
 * [http://demo.athemes.com/moesia/](http://demo.athemes.com/moesia/)
 * Do you have any recommendations on what I can do? Change the size of the video?
   Or is this something I have no control over?
 *  [vladff](https://wordpress.org/support/users/vladff/)
 * (@vladff)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/gap-above-navbar/#post-5578383)
 * There’s nothing you can do. I’ll try to come up with a way around this.
    But 
   it only happens when you resize your browser, if you do a refresh after you resize
   it you’ll notice it works properly. That’s why I said you should stick to RS,
   we’re not really supporting the video option anymore and we’ll deprecate it soon.
 * Also, please use our forums or my email for your support questions since they’re
   not related to the free version.

Viewing 15 replies - 1 through 15 (of 33 total)

1 [2](https://wordpress.org/support/topic/gap-above-navbar/page/2/?output_format=md)
[3](https://wordpress.org/support/topic/gap-above-navbar/page/3/?output_format=md)
[→](https://wordpress.org/support/topic/gap-above-navbar/page/2/?output_format=md)

The topic ‘Gap above navbar?’ is closed to new replies.

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

 * 33 replies
 * 4 participants
 * Last reply from: [deveshjadaun](https://wordpress.org/support/users/deveshjadaun/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/gap-above-navbar/page/3/#post-5578640)
 * Status: not resolved