Full sticky header

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">

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 2 years, 3 months ago by aldude.
• This reply was modified 2 years, 3 months ago by aldude.
• This reply was modified 2 years, 3 months ago by aldude.

Hm, what screen resolution are you on? The themes are built to stop stickying the header at 1080p.

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 www.ads-software.com. 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 https://demo.alx.media/shapebox/ for you?

Yeah, it works on your site as well as within preview on www.ads-software.com.

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 2 years, 3 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?

Then it must be my browser?

It’s chrome with only ad block though?

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.