oakleaf101

@properlypurple: Thank you!, that seemed to do the trick! That .js code is the root of all evil, so I commented it out.
And thanks to all the others for their idea. A very helpful forum.

Thank you for the info and friendliness.

Did you try the site?, which I linked above as: https://client1vexper.nginxweb.top/
I just tried again with 6 browsers, including firefox, chrome, edge, even qtbrowser. The same jump happens on all when you scroll, as soon as the nav bar reaches top of screen. But it is worst on my default firefox.

The reason I like the 2017 nav bar is because it is the only one I’ve ever found that can do a 4-level dropdown menu without bugs AND has a good mobile menu, where the different tier levels can expand and contract correctly without bugs. And I don’t want a heavy, slow theme, nor one dependent on gutenburg (some of my clients use ClassicPress, due to its faster speeds, etc). The closest menu to wp2017 is the famed GeneratePress, which I may use, but the free version does not permit styling the nav bar, nor site backgrounds.

Yes, thanks for your effort and ideas, that helped a bit.
BUT there still remains the issue of the sudden jump and jag of the screen on desktop, when you’re scrolling, whenever the nav bar reaches the top of screen (if you quickly hit the pageDown key, you won’t see that, only when scrolling ). The whole screen suddenly jumps an inch or two, and then continues normally. Maybe I will have to live with that.

But I wondered, if it’s possible to remove the parrallax functions from the function.php? But which are those functions?

Or alternately, since 2017 has the best Nav menu ever, I wonder if its possible to remove ALL code from the theme, except the menu, and then merge that with Underscores_s
I can easily write custom themes with Underscores_s, but I am unable to do a complex responsive, multi-tiered menu which only WP2017 really suceeds at.

well, I tried removing things, but the above code I had wasn’t the problem.
The issues were unfortunately created solely by the code you sent to “Set header background to scroll”, so I removed it.
But that means I still have the original problem of the header picture being parallax and looking and acting different on the homepage than on all the other pages. I’d like the homepage to be EXACTLY like any other page, without parallax,… anyway to do that?

In addition, the tagline and Site Title no longer appear on the mobile view home page! just the back image. Again all works fine on other pages.

Every problem i’ve had with this theme is with the home page. If we could just get the home page to use the same code and template as all other pages, then no more issues. Any way to do this? edit a template?

WP2017 has the best nav bar in the biz, but its home page has many issues.

And now a new issue results: On mobile only, home page only, the Nav bar’s height becomes extremely magnified: many lines of emptiness. (But remains normal as 1 line on all other pages, or desktop’s home.)
Maybe I could do a media query that limits the vh height of the nav bar?

Great! They worked! Thanks… BUT one related, minor, issue to it remains:
If you visit my site (linked above) and starrt to slowly scroll down, you’ll note that when the end of the header(the begin of the nav bar) reaches the top of screen, the page suddenly jumps and jags back downward an inch or 2, in an irritating way. any ideas?

It’s possible one of my other added css code fixes causes this:
/* Make header image area shorter */
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
height: 35vh !important;
}

/* make top Nav menu NOT sticky */ 
.site-navigation-fixed.navigation-top { / bottom: auto; / position: relative; / left: 0; / / right: 0; / / top: 0; / / width: 100%; / / z-index: 7; */
}

Wow, thus actually worked! I thought i wasn’t going to find a good answer here, and was busy with work the last days, but this did the trick. Thanks!

• This reply was modified 1 year, 2 months ago by oakleaf101.

thanks for your help, but No, that doesn’t work. I had tried altering the padding-top of .site-content, and other classes before. I tried your code again, to no avail.
As I wrote, I fixed it on all pages EXCEPT the homepage.
And both firefox inspector, as well as the other forum poster say the problem is caused by inline:

<div class="wrap" style="margin-top:88px;">

however, this code does not actually exist, neither in page.php nor front-page.php and css nor in any searches of other files!. How to override this, for front page only?

the page is: https://client1vexper.nginxweb.top/

update: i see 1 line of code did not show here! i’ll try again:

The code line that both inspector and the other forum poster says is causing all the problems is:

<div class="wrap" style="margin-top:88px;">

yet this line can’t found in any of the files! moreover, i could not override that style.

Thank you.

Thank you!

no, classicpress is a FORK of wp 4.9. It is up to date, but runs has better editing and runs faster than wp because no gutenburg.

so if you can reveal which is your last version on wp 5.9, then our coummunity can use it.

• This reply was modified 1 year, 5 months ago by oakleaf101.

Never mind. i found that classicpress has their own SEO plugin.

ok, thank you very much for the info!