[JoshuaParticipant]

Using Integrity stack with header set to Fixed Top.
Page URL: http://pbdemo2.patbuzzard.com/blog/

Problem:

Set page “blog” as blog in Settings -> Reading.
Page header no longer fixed position for “blog”. Works fine on the rest of the site.

The class “x-navbar-fixed-top” isn’t added on scroll.
Also, the template options dropdown in “Edit Page” disappears once page set as blog.

A patch that isn’t quite working:
Added custom CSS:

.blog .x-navbar-wrap div.x-navbar {
   position: fixed; 
   left: 0;
   right: 0;
   top: 0;
}

Header is fixed and displays properly in FireFox. Displays incorrectly in Chrome. In Chrome it looks like the positioning, margin-top, or padding-top is missing.
Used Firebug to compare CSS for “header”, “x-navbar-wrap”, and “x-navbar” on blog page and working page. Everything seems to match after the addition of the listed CSS.

I will leave the patch commented out for the time being.

Thanks for the help,

Josh

[JadeModerator]

Hi Josh,

Please try disabling ConvertPlug for a moment to see if it fixes the issue. There’s currently a known conflict which disables fixed nav. Our developers are working on it and hopefully, a fix might be included in the next release.

Thanks.

[JoshuaParticipant]

Yep, that was it.

Thanks.

[JadeModerator]

You’re welcome Joshua.

[Author]

Posts