Archived topic
mozilla / safari css problem?
7 replies · Started by johnaps on January 25, 2022
Hello!
I have a css problem on my post pages on mozilla android latest versions.
I have made a sticky button on the bottom of the page, with gp elements and hooked it on generate_after_entry_content, but it interacts badly with the mozilla bottom address bar.
<button class="ocs-trigger ocs-toggle ocs-toggle-posts-toc-mobile">Περιεχόμενα</button>
If mozilla adressbar is visible the button works okay.
BUT if mozilla's bottom address bar is hidden, the button isnt clickable.
Hi there,
I'm not aware of this issue Unfortuanly.
As it's not a theme issue, the help we can provided is limited.
Sounds like you just need to move the button's position a bit higher?
It is not a theme issue for sure, but i think it coud affect many users and may be very important for many generatepress users because they may simply try to use position sticky to bottom of their page and will have an unknown bug on mozilla...
And if that happens to be a button (which usually is), they will have a problem with the latest versions of mozilla in android.
Moving it a lot higher make's it clickable again, but it comes close to the mid of the page, so that isnt a solution unfortunately!
I have redited my original post to reflect only the css problem about a custom button i have made with gp elements with the hook generate_after_entry_content
Please bare with me on the redited query & forward this if necessary, cause the redited problem i posted, is a general css problem and usually until now you always help us mere mortals with this kind of problems :) !
Hi there,
I agree with Ying here - it's not a theme problem and not something we can fix.
We try to help with general CSS and custom solution problems as much as we can but I think we can both agree that there has been a lot of those coming from you already so let's try to limit that - otherwise it's unfair to other users.
Please refer to this article for what we can support here:
https://generatepress.com/what-support-includes/
Thanks for your understanding :)
Okay thank you nevertheless!
I actually agree too with Ying, indeed my initial query was very far from a theme problem, but according the the chart you send me my current query is definitely not in the red section...
Nevertheless i will post the answer here if i find the cause of this, it maybe helpful to other users as well!
Sounds good!
After troubleshooting this, we came up to the conclusion that this is a firefox android bug...
For anyone who has the same problem...
You can see more here
https://stackoverflow.com/questions/70893056/mozilla-android-addressbar-conflict-with-sticky-button-on-bottom
And here
https://github.com/mozilla-mobile/fenix/issues/13797#issuecomment-1024877612
Thanks for sharing!
