Is it possible to make the homepage max width/cover from left to right?

Hey @boppar

For that, you can use something like this:

.home #content > .col-full {
  max-width: 500px;
}

For any future requests, please always include a link to your site in your post, since not everyone here knows which site you’re referring to. Thanks!

• This reply was modified 4 years, 5 months ago by Senff.

Hi @senff.
Thanks, great support as always.

I’ve tried your code. It seems the content gets wider up to a max width of 1200px, but the content never stretch out over the whole page. Actually I think it would look strange if the whole homepage stretched out. It would be hard to read the text etc.

However what I really would like to do is to make the “hero-image” covering the homepage from the very left to the right.

Now it looks like:
https://ibb.co/W5xgYtG
and I want it to look like:
https://ibb.co/Yk0nd18
(of course I will use another image with proper dimensions).

@senff do you think it’s possible to make just that image the way I explained?

Hi there,

Looking at the underlying markup, I don’t think that this is a question for Storefront as the underlying containers (and their width) are all determined by the Elementor Page Builder you have installed and are using there.

Working from memory here, I do believe that you’re able to set “full-width” on individual Elementor “section” elements although you’d need to get in touch with the Elementor developers for more support on that.

@riaanknoetze

The image is already set to full-width in Elementor.

I think I’ve read that Storefront doesn’t allow full-width 100%, covering from left to right (unless you have bought Storefront Powerpack). Then the problem lies within Storefront, isn’t that so?

Problem solved.