whole website suddenly aligned left on mobile

Hello,

?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

@media screen and (max-width: 959px)
body.content-full-screen .entry .alignfull {
    margin-left: 0 !important;
}
}

Hi,
That didn’t do anything.

Hello,

Tried checking but didn’t get the added code.
Kindly add the code and share a snapshot of the section where you have added the code.

Hi, Sorry for the late reply.
The code above had a “{” missing. After I put that in then it worked on the pages but not blog posts, they are still to the left. would that be a different code for blog posts?

Sorry, I was missed that braced in the above code.

Can you please share that page URL where you still have that issue?

https://britishbushcraft.jp/axes/

I have set the canvas to the themes canvas on this post.

All of my other blog pages are using the elementor canvas at 100% full width, as that is centre aligned but I don’t get the option to view related posts with the elementor canvas.

Thanks.

Hello,

When you will use the elementor canvas layout, it will only display the elementor created contents.
Related products/posts will display when you will use the default layout.
Following the doc will help you to understand the differences.

https://elementor.com/help/canvas-vs-full-width/

hi,
Sorry, I’ll rephrase it. I used to use elementor for my whole website, but now I have changed over to the gutenberg editor with kadence blocks apart from the checkout page which still uses elementor. After rewriting the blog posts in gutenberg I deleted the elementor posts, so I know that I am not using elementor posts.

As I have elementor installed, I can still use the elementor canvas and I am only using that to centre the website since this problem started. Ideally, I want to completely uninstall elementor and be 100% gutenberg.

The new gutenberg posts were originally using the theme’s canvas, but that suddenly aligned left and after trial and error, I found that the elementor canvas centered it. The only problem now is that the elementor canvas won’t show related posts or comments.

All the pages are now centred correctly and are on the theme’s canvas after I used the CSS that you gave me, it didn’t work for blog posts though.

Thanks.

Hello,

Thank you for explaining the issue.

I would request you to please replicate the issue in any post, use the default template layout, not elementor canvas and share that post page URL.
I will try to find the causes for the issue.

Hi,
Thanks for your reply. here is the link…
https://britishbushcraft.jp/axes/

Hello,

A new version of the theme has been released, kindly update that and check.

Or you can also try the below CSS code.

@media screen and (max-width: 959px){
body .entry-content .alignfull {
    margin-left: 0 !important;
}
}

Hi,

Thanks for your reply.
Updating the theme didn’t work but the CSS did.

Thankyou.

Glad to hear that CSS worked.