Technical Details
Forum version : #ModernBB
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : http://slomiany-zapal.forumpolish.com
Description of problem
HiI'm having another problem. So I would like to have a gif (animation) as a headerbar on my forum. But I noticed that on mobiles gif is not moving or isn't displayed at all so I figured I'll use the code that'll display a gif on screens bigger than 800px and a static image on screens smaller than that(in the web version) but it doesn't work. Is the code below not supported by forumotion? If so is there any way to achieve the effect I am aiming for?
In short: @media screen and (min/max-width: Npx) NOT WORKING
My code:
- Code:
/*NA DESKTOP*/
@media screen and (min-width: 800px) {
/*WŁAŚCIWOŚCI BANNERA*/
.headerbar {
background-color: #000102 !important;
background-size: 70% !important;
background-image: url(https://j.gifs.com/BL7JAk.gif) !important;
}
}
/*WŁAŚCIWOŚCI BANNERA*/
.headerbar {
background-color: #000106;
background-size: 70%;
background-image: url(https://i.imgur.com/OentmNl.jpg);
}
Last edited by zmorka on March 26th 2018, 3:26 pm; edited 1 time in total