On a high resolution screen there are several issues like:
- Fullwidth sections/rows remain full with, if images inside that section/row are too small for the higher resolution you get gaps.
- The full width portfolio module starts to show 5 columns rather than 4.
Fix by adding this CSS it starts showing left and right margins on screen resolutions over 1599 width.
@media (min-width: 1599px){
.et_pb_fullwidth_section {
max-width: 1599px;
margin: auto;
}
}Code language: CSS (css)
Or with this CSS it ensures that images are always 25% of the screen width, so they increase in size over 1500 screen width.
@media all and (min-width: 1500px) {
.et_pb_fullwidth_portfolio picture {
line-height: 0;
display: block;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_item {
width: 25%!important;
min-width: 25% !important;
clear: none !important;
height: auto !important;
}}Code language: CSS (css)