@DownPW said in Footer bar add center text:
floatright text is invisible only on Firefox and is OK on chromium browser with the same code ?!
Use this instead
You might find that this messes with the alignment of text, so you’ll need to adjust
line-height accordingly, or make the difference up with either
#console-nav-footer element disappearing on Firefox is due to a bug - see https://bugzilla.mozilla.org/show_bug.cgi?id=1585254 and https://bugzilla.mozilla.org/show_bug.cgi?id=1760924
The issue here is that the
.row class used in core is set as below
In Firefox, this has the undesired artefact of pushing other
divs down because the browser interprets this as outside of the margins. You can prove this theory by removing the tick from the
margin-right class shown above when in DEV mobile view - you should see the footer appear as soon as you remove the
margin-right value from
.row - in effect, you are setting the margins back to
0 meaning the content is rendered correctly.
You could write a custom JS function to apply the right CSS to resolve this issue, but in fairness, it’s very easy to fake the Browser String, which could lead to more problems that you set out to solve.
There are other ways to address this specific issue, but if it were me, I’d accept the bug until the Mozilla team actually address it.