Gap above navbar?

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?

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.

Coud you post a link to your website?

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

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.

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.

Well, work through your custom code and see what causes the issue, it would be the fastest way to do it.

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:

Then, when you scroll down, the video jumps and the gap appears at the top:

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

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

Ok. I’ve set the website to live.

Here’s the link: https://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

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

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.

Only the RIDERS (originally employees) widget background isn’t working…

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.

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:

https://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?

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.