Custom CSS bug

[deleted]

Hello!

So I have been recently playing around with some custom css and I found this bug:

If you visit the forum on a pc, the custom css appears properly just how it's supposed to be:

While if you visit the forum on mobile:

It only appears on the custom header (if you have one) :

And on the very bottom where there are no posts:

Thoughts?

Zeokat

To be sure about what happens, we should know what custom CSS code did you added. Simply paste here and people arround can check it.

[deleted]

Zeokat

body {
background-image: url("http://i.imgur.com/A9RUUBc.gif");
background-color: transparent;
}

Zeokat

[deleted] Yes, tested at https://devflarum.xyzz.work/ and the happens the same. Not sure if that is a bug or if it's done intentionaly.

Anyway, if the background is viewed on desktop it should be also viewed and mobile. Seems that the white background appears when width is lower than 767px:

@media (max-width: 767px)

So a possible fix for you will be:

body {
background-image: url("http://i.imgur.com/A9RUUBc.gif");
background-color: transparent;
}

@media (max-width: 767px) {
.App-content {
    background: none;
}
}

And a personal suggestion, that background is terrible. I can't keep reading a forum with it for more than 3 seconds ?

[deleted]

Zeokat And a personal suggestion, that background is terrible. I can't keep reading a forum with it for more than 3 seconds ?

Hahahahhahha that's the point ?

[deleted]

Zeokat That worked!!!! Thank you so much!!!!