Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 18, 2025 at 7:51 pm #1491481
    AgenturLanzinger

    Hi Enfold Team,

    soooo, I’m using three 1/2 Grid Rows on a page. I want two of them to have an image cover the whole background of the right 1/2 cell and one where an image covers the whole background of the left 1/2 cell.

    Well, this works fine for the two right 1/2 cells. But in the left 1/2 cell, for some reason on large screens (f.e. 1568 x 1117) the image does not cover the full background. I have replicated everything exactly as in the two right cells – but still: When I you scroll down, you can see the image being cut off at the bottom of the left 1/2 cell.

    Can you help me figure this out?

    Thx in advance

    November 19, 2025 at 6:19 am #1491494
    Ismael

    Hey AgenturLanzinger,

    Thank you for the inquiry.

    Adjusting the background position a bit should help. Please try to add this css code:

    .responsive #top #wrap_all .av-flex-cells .no_margin {
    background-position: 50% 100%;
}

    Result:

    Screenshot-2025-11-19-at-1-18-31-PM

    Best regards,
    Ismael

    November 19, 2025 at 4:29 pm #1491520
    AgenturLanzinger

    Hi Ismael,

    thank you for the quick answer.

    I inserted the CSS Code, but unfortunately the issue persists. In the private content I attached you a video for further clarification.

    Regards
    Julian

    November 20, 2025 at 7:01 am #1491552
    Ismael

    Hi,

    Thank you for the update.

    It seems to be working correctly. Please check the previous screenshot and the one below. Have you tried clearing the browser cache before checking the page?

    Screenshot-2025-11-20-at-1-59-34-PM

    Best regards,
    Ismael

    November 21, 2025 at 4:15 pm #1491655
    AgenturLanzinger

    Hi Ismael,

    unfortunately it is not working correctly on large screens. Please view the page in the screensize I wrote in my initial post.

    I’m bulding a fully responsive website, so this feature also working on large screens is rather important.

    Regards
    Julian

    November 24, 2025 at 7:11 am #1491715
    Ismael

    Hi,

    Thank you for following up.

    Did you set the cell’s Styling > Background > Background Repeat to Stretch to fit? Please refer to the screenshot below.

    Screenshot-2025-11-24-at-2-08-26-PM

    You can also use this css code:

    .responsive #top #wrap_all .av-flex-cells .no_margin {
    background-position: 50% 100%;
    background-size: cover;
}

    Screenshot from a display with a larger screen resolution.

    Screenshot-2025-11-24-at-2-10-08-PM

    Best regards,
    Ismael

    November 25, 2025 at 11:59 am #1491792
    AgenturLanzinger

    Hi everyone,

    well, stretch to fit solved the problem. Now I feel like a fool for not trying the most obvious solution 😅.

    Thank you Ismael for your patience and for helping me!

    Regards
    Julian

    November 25, 2025 at 5:13 pm #1491806
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘1/2 Grid Row – Left BG image doesn’t cover whole cell for some reason’ is closed to new replies.