Rotating footer sticky banners

[shka]

quote from here
"This is fantastic"

quote from your forum
"so I apologize if it looks a little ugly for a short while"

Ok, I understand. Hmm..

Colors
You can delete lines with background-color or change to transparent or comment it out (last my advice, cause you can enable it or toggle with transparent in future tests)

<style>
#spacerforstickyfooter {
..
	// comment out a line with double slash
        // background-color:red; 
        background-color:transparent; 
..
}
..
#stickyfooter{
	height: 50px;
	// comment out a line with double slash
        // background-color:green; 
        background-color:transparent; 
	width: 50%;
	margin: auto;
}
</style>

Mobile and "FORUM SPONSORS"
Remember - it is unusual to detect mobile. Usually you detect a device with a screen with more than or lower than xxx pixels screen width. (small desktop display is in this case the same as a big tablet/ phone display)

Change the code to

<style>
#stickyfootersponsors, #spacerforstickyfooter, #stickycontainer, #stickyfooter {
      display: none;  // footer not shown by default, only with screen width below
}

@media only screen and (max-width:900px){
	#stickyfootersponsors {
		width:100%;
		margin-top:20px;
                text-align: center;
	}
	#spacerforstickyfooter {
		height:50px;
		//background-color:red;
		background-color:transparent;
		width:100%;
		margin-top:20px;
	}
	#stickycontainer {
		height: 50px;
		width: 100%;
		position: fixed;
		bottom: 0px;
		text-align: center;
	}
	#stickyfooter{
		height: 50px;
		//background-color: green;
		background-color: transparent;
		width: 50%;
		margin: auto;
	}
}
</style>

<div id="stickyfootersponsors ">FORUM SPONSORS</div>

<div id="spacerforstickyfooter"> spacer with same height like sticky footer </div>

<div id="stickycontainer">
	<div id="stickyfooter">
		sticky footer content
	</div>
</div>

Adjust the 900 to your preferred value, usual vB-breakpoints are 900, 768, 480, 420, 320. But you can use also every other value.


Content later.

PS: I personally don't like cross postings.

PPS: In your forum the "I agree" button on private policy message box has same font and background color. Not good for reading.