Hi!
Edit header.php on line 31, where it says:
<header id="header" class="hide-on-scroll-down nav-menu-dropdown-left">
Change to:
<header id="header" class="nav-menu-dropdown-left">
Thread Starter
aldude
(@aldude)
Yes, I thought that was the solution.
But it seems the sticky header is not working at all on my site. I tried your other free themes with sticky headers to see if the issue is on my side.
The only themes that works for me is Blogside & Readspec & Squareread as far as sticky header is concerned. Basically, your older themes.
FYI, I disabled all plugins to test it. Not really sure what’s going on.
-
This reply was modified 3 years, 9 months ago by
aldude.
-
This reply was modified 3 years, 9 months ago by aldude.
-
This reply was modified 3 years, 9 months ago by aldude.
Hm, what screen resolution are you on? The themes are built to stop stickying the header at 1080p.
Thread Starter
aldude
(@aldude)
I tried desktop, tablet, and mobile.
No sticky header at all in all cases. I can sort of make it work by overriding CSS and adding elements to #header-sticky but that doesn’t help you.
The issue is present in all of your recent themes with the new sticky header. It works on your site as well as preview from WordPress.Org. But, once installed on my server at least, simply stops working.
I wish I had another server to test them on but sadly I don’t.
The related javascript is:
/js/jq-sticky-anything.min.js
and in /js/scripts.js:
/* Header Sticky
/* ------------------------------------ */
$('.logged-out #header-sticky').stickThis({
top: 0,
minscreenwidth: 1081,
maxscreenwidth: 999999,
zindex: 99,
debugmode: false,
pushup: ''
});
$('.admin-bar #header-sticky').stickThis({
top: 32,
minscreenwidth: 1081,
maxscreenwidth: 999999,
zindex: 99,
debugmode: false,
pushup: ''
});
I wonder if you have trouble loading any of it? I’m confused as no one else has reported this issue before.
You say you tested to disable all plugins, so some breaking minifying code can’t be the reason either. Does it work on http://demo.alx.media/shapebox/ for you?
Thread Starter
aldude
(@aldude)
Yeah, it works on your site as well as within preview on WordPress.org.
Here is the site in question. I didn’t want to reveal it but I guess I have no choice.
I will delete the url later.
<deleted>
I don’t have that many plugins to begin with. None of it should be interfering it. The two JS files do seem to load.
Really puzzled.
-
This reply was modified 3 years, 9 months ago by aldude.
The sticky header works fine there on the site for me. Both in Chrome and Firefox.
Do you have any browser addon/plugin that may break it on your end?
Thread Starter
aldude
(@aldude)
Then it must be my browser?
It’s chrome with only ad block though?
Thread Starter
aldude
(@aldude)
Yeah, does work fine in Edge.
Really weird. Well, I guess it is solved now. Thanks. I guess the issue is on my end, local.
Must be something on your end then yeah…hm. I use uBlock Origin in Firefox, works still. No other addons for you? What else could it be… cache in your browser? No idea.
