Single post view not full width in mobile

Hi, (@browmaniac

It is possible that a conflict between Elementor and your theme or another plugin is causing the page to display differently on the front-end than it does in the editor. To troubleshoot this issue, we recommend the following steps:

1. Ensure that you have the latest versions of Elementor, WordPress, and any other plugins you are using.
2. Check to see if any custom CSS is affecting the way the page is displayed on the front-end.
3. Deactivate any other plugins that you are not using to see if they are causing a conflict with Elementor.
4. If the above steps do not help, try switching to a default WordPress theme (such as Twenty Twenty) to see if the issue is related to your theme.
Thank you.

Hi, thanks for taking your time to help with resolving my issue.
1) All my plugins ect are up to date.
2) I have no idea how to check if some custom CSS is affecting the way how it’s dispalyed, I’m total rookie here.
3)Also I deactivated all plugins I’m not using and my problem didn’t resolve.
4) No idea again how to switch to default WordPress theme without losing all the work I’ve done so far..

Hi @browmaniac,
It seems your element has Margin on both Left and Right. But in the Editor it’s not.
You can regenerate CSS for Elementor ( It’s won’t change anything it’ll just remove css cache for Elementor ).

Go to Elementor -> Tools -> Click (Regenerate Files & Data) -> SAVE

Or Check the Screenshot: https://prnt.sc/UPlw771hrWmS

If this doesn’t work simple override the CSS by putting this code in your site:

.elementor-2596 .elementor-element.elementor-element-8b12687 > .elementor-widget-container {
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
}

Let me know, Thank You

@moinrrahmed Amazing, your code fixed the text placement but title has still Margin. How could I fix the title also? Thank you in an advance!

Did you try this option?
Go to Elementor -> Tools -> Click (Regenerate Files & Data) -> SAVE
Or Check the Screenshot: https://prnt.sc/UPlw771hrWmS

I think your margins looks fine https://prnt.sc/044_mEa4hN93
Explain, what exactly you want?

Yes I tried regenerating but nothing happened so then I applied the code and this fixed the blog post text, but the title remained untouched by this code. I would like if the blog post title also didn’t have margins. ??

• This reply was modified 1 year, 10 months ago by browmaniac.

Use this code for the title:

.elementor-2596 .elementor-element.elementor-element-e0e0644 > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
}

This will remove the space. Thanks

@moinrrahmed Thank you so much, it worked! ??

Great that my code helped.