Closed arbor95 closed 1 year ago
is needed see:
compare on large screen
not quite the same problem
Hello,
Please see my answer on the forum.
You other points are consequences of that decision to stick the standard header structure defined by webtrees, and constraints on small screens:
Keeping all the menus was not working nicely on small screens, so on those I am hiding a menu that I feel is less used than the other ones: the theme menu.
The other issue will be difficult to fix for me: the menus have a transparent background, and their font is chosen to contrast against the deep brown of the background. It cannot detect that your image has a quite pale background, and that the font color will not contrast enough. I would suggest you choose a darker background for your image to match the white font.
Hello
It cannot detect that your image has a quite pale background, and that the font color will not contrast enough.
I stand corrected on that statement. After a bit of research, it appears that there is a CSS attribute mix-blend-mode
that has some capabilities in that area.
I have done a bit of testing, and whereas it seems to do the job, I can see some random side effects on the font color, which I am not entirely satisfied with. Would you mind do some testing with the file attached (which is built on top of the 2.0.9-v.1 version just released)?
rural.min.css.zip (to overwrite the file modules_v4\myartjaub_ruraltheme\resources\css\rural.min.css
Hello Jonathan, thx for 2.0.9-v.1 and the explanations. I did a test with the "mix-blend-mode" - version and some headers and I think it does its work.