Reply To: Bug at 1024 pixel

Home Forums Support Bug at 1024 pixel Reply To: Bug at 1024 pixel

#213215
Garth Dryland

Hi Tom

For the record this was one of the issues I described having a while ago so glad we can mark it off the list soon.
Okay, so I tested the code below too see what happened and at first look there is a small issue but I have no idea what to try to resolve it.

/* Landscape tablet and below */
@media (max-width: 1024px) {
	.inside-footer-widgets > div {
		margin-bottom: 50px;
	}
	
	.inside-footer-widgets > div:nth-child(odd) {
		clear: both;
	}
	
	.active-footer-widgets-1 .footer-widget-1,
		.active-footer-widgets-3 .footer-widget-3,
		.active-footer-widgets-5 .footer-widget-5 {
		width: 100%;
		margin-bottom: 0;
	}
	
	.active-footer-widgets-2 .inside-footer-widgets > div,
		.active-footer-widgets-4 .footer-widget-3,
		.active-footer-widgets-4 .footer-widget-4 {
		margin-bottom: 0;
	}
}

/* Portrait tablet and below */
@media (max-width: 768px) {
	.sidebar,
		.content-area,
		.inside-footer-widgets > div {
		float: none;
		width: 100%;
		left: 0;
		right: 0;
	}
	
	.inside-footer-widgets > div:last-child {
		margin-bottom: 0;
	}
}

What happens is there is zero space between the 3rd and 4th widget when site goes below 768px
You can check what I mean on my test site.

Cheers