Not option to full width in pages

Hello @prabuddh09

I can see that your 404 page is using a completely different template, compared to the rest of the pages that use a standard template coming from Blocksy. I can see something named “ehf-template”, but I’m not entirely sure what that is. Have you checked your third party plugins and configuration of Elementor? There might be something that you might’ve missed.

Thanks.

Hello @prabuddh09

I’m not sure how you’ve configured everything, but this little CSS snippet should help you achieve what you want.

.ct-elementor-default-template .elementor-top-section:not(.ct-section-stretched):not(.elementor-sticky) {
  width: 100vw !important;
  max-width: 100vw !important;
}

Hope this helps.

Thank you

Hello @prabuddh09

The issue comes from the third party Elementor add-on that you have installed. It looks like it’s injecting the bootstrap library, which has a default padding around containers.

My recommendation would be to look around the settings of the plugin that you have installed, or contact the author to see how to remove those margins.

Check out this little screenshot for reference — https://ibb.co/rdxzDZB

Hope this helps.

You’re very welcome, @prabuddh09! 😉

Have a good one!

Hi @prabuddh09

The paddings are increased due to how you’ve set up Elementor — https://ibb.co/GncsWWr — so I would recommend checking out these Elementor blocks in detail, as the padding comes from them.

Thanks.

Please try this snippet, though it might break other things if you’re not careful. The margins still mostly come from Elementor — https://ibb.co/Qc25vzT — as you’ve set the content to be boxed.

.ct-elementor-default-template .elementor-section-boxed>.elementor-container {
  width: 100vw !important;
}

Thanks!