raster layout pic landscape / portrait

Hey Tilman,

Thank you for the inquiry.

The page above doesn’t exist. We may need to login to the site. Please provide the login details in the private field. A screenshot of the issue will also help. You can use imgur, savvyify or dropbox for the screenshot.

Best regards,
Ismael

Hi,
Thank you for the link to your page and the screenshot, I see that your grid row’s height is set to 100vh, when this is set the cell background image is set to background-size: cover which means the image will cover the cell height and width, and in order to cover the height the image will be too wide for the space, unless you want it stretched and distorted.
I see that the image is too wide between 768px & 1605px so try this css:

@media only screen and (min-width: 768px) and (max-width: 1605px)  { 
#av-layout-grid-1 .flex_cell.avia-full-stretch {
    background-size: contain !important;
}

After applying the css, please clear your browser cache and check.
This sets the background-size: contain so the whole image shows, height & width, the only drawback is there is some space above and below the image because it is centered in the screen.
If you don’t like this you can add a background color to the cell matching the image so there is no space, like this:

@media only screen and (min-width: 768px) and (max-width: 1605px)  { 
#av-layout-grid-1 .flex_cell.avia-full-stretch.avia-builder-el-first {
    background-size: contain !important;
    background-color: #C1E1FF;
}

unfortunately, I didn’t find the exact color of your image background, so adjust the color to suit.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike