Website layout broken on 1366x768 laptop

[Eminemdrdre00]

My laptop at work has a resolution of 1366x768 and the main site seems to have CSS that is overriding the layout for that resolution. As a result, the "Fixed" layout isn't working. Everything is stretched to take up the entire screen.

This appears to be what is causing the issue:

@media only screen and (max-device-width: 1366px) and (min-device-width: 768px) and (orientation: landscape) {
#mainContainer {
    min-width: 98% !important;
    max-width: inherit !important;
    margin: 12px auto;
    padding: 0;
}
}

 

[WildCowboy]

It seems to be some code our developers put in to automatically fill the screen on iPads. Have asked them to look into it and see what can be done for desktop users in the same resolution range.

 

[Eminemdrdre00]

It seems to be some code our developers put in to automatically fill the screen on iPads. Have asked them to look into it and see what can be done for desktop users in the same resolution range.

Awesome, thank you!