Hi, I have a little problem with stretching the Group.
I have a landing page that consists of several sections (Groups). Each group should be displayed in full screen. When I run it on my computer, everything looks fine, I scroll through the page and the section I’m on is displayed in full screen. But if the user has a bigger screen, then part of the next section (the one below) is visible. That is, the width is stretched to the full screen, regardless of the user’s resolution, but the height of the section remains the same.
How can I make both the height and width of a section stretch to the full screen?
This is almost impossible to answer without much context as it applies to so many different things. The main question is, do you have any elements below the fold or is it one main group that you want to take up 100% width and 100% height?
It’s one page that has 3 Groups (like sections). For example, Brand section, About us section, Contact section. Each group has content. When users scroll that page to section About us they have to see content (text, image) that belongs to section About us. But if user has big screen he scroll to the section About us, see About us content and also see the part of content that belongs to the next section (contacts section). I want user to see the content in big screen only one section when he scroll, then scrolls down and see next one section…
And so now on a smaller screen, your about us and content is getting pushed below the fold?
How are you setting the background picture? Is it an image element or the background style of a group? My guess is this has to do with the settings of your image that are maintaining the picture dims and forcing things below the fold.
