Support » Plugin: Elementor Page Builder » Full Width Home Screen Image

  • Resolved cphilippou


    Hey guys, can you please help me? I have tried for several days now to mess around and figure out how to make my home page image full width. I am trying to use Elementor.

    What’s really odd is when I am adjusting the header bar in “Customize” I want to change the opacity, however, there is no middle ground. It’s either 100% solid or like stupidly transparent. And it swings from 100% to 0% in just a millimeter movement on the slider bar. I don’t get it.


    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • If you are working in the Customizer then you aren’t using Elementor for that. That would be your theme options, so you’d need to talk to your theme’s support about that.

    As for getting your image full width, that might partly depend upon your theme as well. You may need to change an option in your theme to select a full width content area, but in general, for most themes, you can simply choose to use the Elementor Full Width template. See for more details. Other options:

    I am not using a header but maybe this could help.
    I’m using a transparent image stretched to 100% width as a spacer that resizes with the window to keep my content below a no-repeat wallpaper, which is acting as a giant header image. I did not realize that the widget container which holds the image also has size properties and after setting its width to 100% as well as the image, I got the effect I was looking for.

    So if you cannot get your image to fit, try adjusting the container as well. My image is set to background so that it stretches flush to the window’s edge rather than having a slim, white border.

    As for the header and footer opacity, you could try setting them to clear and using a semi-transparent image underneath?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Full Width Home Screen Image’ is closed to new replies.