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.

I’m Using “Elementor Header & Footer Builder” plugin to create footer, And I have set footer template as full width but its not affecting in theme pages.

• This reply was modified 2 years, 8 months ago by Prabuddh.

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

Thank you @cteduard it worked ??

Hi, sorry to disturb but still taking some white spacing on the page.

see screenshot: https://prnt.sc/rLueIlnB661L

• This reply was modified 2 years, 8 months ago by Prabuddh.

Hi @prabuddh09,
Could you please share a link to the page where this happens?

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.

Hi @prabuddh09,

Please note, you don’t have to share the credentials of your site in a public forum, that is agains WordPress forums rules.

@prabuddh09

Do not post, offer, or ask for login information, even test IDs and test passwords.

What a quick response @cteduard ??, Thank you for your support we’ll look into this with the plugin team.
Thank you @creativethemeshq , I’ll remove the credentials from the previous message.

You’re very welcome, @prabuddh09! ??

Have a good one!

Hi, Still getting padding in mobile view, please check the screenshot below:

Page build using elementor: https://tinyurl.com/2aax7dg6
Page without elementor: https://tinyurl.com/2cqaeov9

Can you please check it from your side?
website link: https://web.prabuddh.me/

Thanks,
Prabuddh

• This reply was modified 2 years, 7 months ago by Prabuddh.

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.

No, you get it the wrong way please compare these two pages’ footer in mobile view: https://web.prabuddh.me/shop/ with https://web.prabuddh.me/.

The home page footer is perfectly fine.

The problem is that non-elementor page having more padding in the footer.

Please check it.

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!