Mitra

@Ziggy Sure, I'm just kind of new to this forum and not sure how to do that. I liked your post here; is this what you meant?

@Ziggy Hi Ziggy, I cannot thank you enough. It seems the first code you gave me worked. I copied that into the header code injection for just my landing page, and it worked. I was so disappointed to find a solution for that, and now I am super happy. Thank you so much. 🙂

Hello Ziggy, I came across this forum while experiencing the same issue on my landing page as Ernest. I have been trying to find a solution for a long time. I set the section height to L and added your code. I found your code effective in removing the scrolling, which initially made me very happy. However, I noticed that the code is removing scrolling for the entire website, not specifically for my landing page. I would greatly appreciate it if you could help me modify the code to apply only to my landing page/home page. Your assistance would be a great help to me. Here is my website: https://www.nomadicstudio.ca/

Hi Paul, sorry to bother you again. I really need help with this issue as I launched my website, and it does not look the way it's supposed to. Do you think there is any way to fix this?

Yes, I want the height to fill the browser, and in my Chrome browser, it does fill the entire window. However, what should I do to ensure that the height consistently fills the entire window in various browsers?

Hi Paul, I appreciate your response regarding my concern with the website layout. I'm a bit unclear about what you mean by the "classic section" and whether it would address the issue I'm facing. I've attached some screenshots to illustrate my point more clearly. The problem I'm encountering is that the background image on my landing page doesn't display properly across various monitors, browsers, and mobile devices. Each screen seems to automatically add some white borders or margins at the bottom of the image. What I'm aiming for is to find a solution, ideally through code or an alternative method, that ensures the background seamlessly fits edge to edge and occupies the entire screen on devices of different sizes, including mobile devices. The attached photos illustrate the problem in detail. For reference, I like the adjustment of the background image on this website (https://www.emileemcgovern.com/), where it spans perfectly across all devices without creating any borders. This is precisely the outcome I'm striving for on my own website.

Hello everyone, I'm encountering a challenge with my landing page/homepage. I want the background image on my landing page to consistently fit the screen across various screen sizes, including desktop and mobile. Currently, it appears to fit well on my screen, but when viewed on different browsers, it either becomes scrollable or acquires an added white border. Following advice from customer support, I attempted to resolve this by adding the image as an image block that stretches across the entire section, rather than using it as a background image for the section. However, this adjustment didn't address the main issue. Here is my website: https://www.nomadicstudio.ca/