[Support request] Read More with Sticky Menu using Firefox

[Garth Dryland]

When clicking a read more using Firefox the text ends up hidden by the menu whereas with edge and chrome it work fine.

[Leo]

Hi there,

I think this is what you are referring to:
https://docs.generatepress.com/article/generate_more_jump/

Let me know 🙂

[Garth Dryland]

I don’t think so Leo given I assume that would alter the content position for all browsers, not just Firefox ?

The code below 100% use to work positioning text correctly under the sticky menu after clicking the read more tag, though for some reason its not now. I don’t believe anything I’ve done changed this.

Originally Tom came up with this which positioned the text anchor point correctly

:target:before {
	content: "";
	display: block;
	height: 35px;
/* fixed header height */
	margin: -60px 0 0;
/* negative fixed header height */
}

which now in the most part works without the code above or like below using an increased height given something appears to have changed in either WordPress or GeneratePress now requiring the additional 25 pixels and or code removal, such as core padding perhaps re the read more tag

:target:before {
	content: "";
	display: block;
	height: 60px;
/* fixed header height */
	margin: -60px 0 0;
/* negative fixed header height */
}

Either option sends the read more links to the right position so that you can read on from where you left off, except for when using Firefox ?

This 100% use to work for the Edge, Firefox and Chrome plus numerous other browsers I tested.

[Tom]

I think Firefox itself has an issue with :target unless it’s being applied to something with an ID:
https://stackoverflow.com/questions/27031275/target-pseudo-class-not-working-properly-in-firefox
https://developer.mozilla.org/en-US/docs/Web/CSS/:target

[Author]

Posts