deveshjadaun

Ya thanx Vladff. Sometimes updates ruin everything – was a plugin issue.
The site’s behaving exactly as it should. Thanx once again!

Also, have been noticing for a while, the theme sort of breaks when browsing on a mobile. It looks just fine on desktop, but goes haywire on mobiles. Is there a good mobile detection plugin that supports the moesia theme? There are plenty of mobile detector plugin, but not even one supports the moesia theme. Is there a plugin that supports moesia or any other (non-plugin-based) workaround that might make the site mobile-friendly???

Yes Vladff, that’s exactly what i don’t want it to happen. The bar might bounce, but should not scroll back down creating a gap with a portion of my header image showing. Is there a way to resolve this???

Thanx for the immediate reply.

Seems you went through my site. Even though you don’t consider this as an issue, since it was deliberately introduced in the updated version of moesia, could you still please help me with the nav bar that sits right against the top portion of the browser window when i hit the welcome button? Where and what to change in the code? Please help!

https://deveshjadaun.idamdesign.in/

Sorry! have made the site live. Here’s the link:

Hi Vladff,

The issue of ‘the gap’ has returned once again. It happened immediately after updating both wordpress and the moesia theme. Have made the site, for you to have a look and see what could actually be going wrong.

Somewhere you seem to have mentioned that in the new update, the #site-navigation page jump on hitting the welcome button does not land quite exactly where it should (some new padding code for the sticky menu?). If that be the case or even otherwise, please help me find a solution that’s been recurring for so long now. A great theme, but the issue is really persistent and annoying!

Thanx in advance.

Hi Pidor,

i removed this code from my custom css file:

.main-navigation li,
.site-branding {
    padding-top: 0px;
    padding-bottom: 0px;
}
.stuck .main-navigation li,
.stuck .site-branding {
    padding-top: 0px;
    padding-bottom: 0px;
}
.main-navigation {
  padding-top:0;
  margin-top:0;
}

…and the issue vanished!

Thanx Vadff,

Finally found the culprit!

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

Some padding/margin codes in my custom css to shorten the nav bar height. Got away with it and the issue got fixed instantly, but the bar returned to its default size. Will deal with the top bar next to reduce it’s height. Any specific css code that may not ruin things again???

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.

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.

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.