Hi,

I was building my website with the fusion template and was getting some design issues in Firefox while in Chromium based browsers everything looks fine. I deactivated the issues on my website with custom css and arranging my pictures. First one is the border on the menu, if you choose a logo that is a little higher, the right and left pictures won't fit anymore. Even if you pick a resolution (54px) wich will fit in Brave, in Firefox it won't. This is an example from joomshapers template preview: https://prnt.sc/dPfrnFJZPUa1

And another one: Brave: https://prnt.sc/N1G7_uyiMVBf FF: https://prnt.sc/si7qBYXn9LDn

And one more: Brave: https://prnt.sc/PD1B8RxU-aar FF: https://prnt.sc/XGzj09oc9ggg

Another issue is, if you choose gradient text colour (I choosed some blue with purple), Firefox will show different colours as in Brave, as example for h1

And last one is scrolling in Firefox is very laggy, in Brave it's all fine and fluently.

To deactivate the broder in the menu I used following snippet in custom.css

#sp-menu>.sp-column {
    border-top: 0px;
    border-bottom: 0px;
}
#sp-menu>.sp-column:after {
    content: "";
    position: absolute;
    background: none;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 0px
}
#sp-menu>.sp-column:before {
    content: "";
    position: absolute;
    background: none;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 0px
}

If you have a better idea, please let me know.

Best regards Sergej