Make content stay in top left and full screen

[janepmgt]

I have a content area with shortcode in it for an image slider. I’d like to make it so that no matter the screen size, it always stays in the top left and stretches full width across the screen.

I’d like 0 space between the header and the content, kind of like how wordpress featured images look.

Thank you!

[jade]

Hi Jane,

I have checked the site that is in your account to see the issue that you have mentioned but I am not able to see the page that reflects your screenshot since the site has a lot of pages. Although I checked some pages on the site and the header image are displaying correctly as how you want them to be.

For example:

If you are still having the issue on a specific page, please provide us the link so that we can check it and provide some suggestions.

Thank you.

[janepmgt]

Hi Jade,

Sorry I think I worded my question badly, I’m trying to make the image in the screenshot go flush against the header and full screen across the page. I’ve attached a better photo and also given the sign in details if you’d like to take a look.

[albrecht]

Hi Jane,

You can achieve that by adding a custom css to the section’s element css.

Here’s a screenshot on where the element css is.

And here is the custom css that should be added there.

$el.x-section {
  margin-left: -60px !important;
  margin-right: -60px !important;
}

Hope it work.