Problem at 1024x768 Resolution

Question

Hi, so sorry to bother you about this but I'm at my wits end.

I was looking at our new site on a projector that was running 1024x768 and much to my surprise it looked really messed up. http://dev1.wbparts.com

I compared it to your template we based the site on http://themes.semicolonweb.com/html/canvas/index-magazine-3.php and it looked ok.

You guys made a change for us to the search box, that's the only thing I can think of. Would the search box code have this kind of affect on it rendering at 1024x768?

Is there anything else you can see that we could change to make all pages display correctly at this resolution?

Thank you very much!

SemiColonWeb · Accepted Answer

Hello,

Apologize about this Issue. Simply add the following code just after the </header> Tag:

Additionally, you will also need to add the following CSS Code to adjust the Width of the Top Advertisement:

@media (min-width: 992px) and (max-width: 1199px) {
	.top-advert {
		max-width: 590px;
		padding: 14px 5px;
	}
}

This should definitely fix this issue. Let us know if we can help you with anything else or if you find any further issues.