[Resolved] Landing Page full width not centered

[Helmi]

Hi Generate Press Support,

I am using the Sider blog theme. This theme has a permanent sidebar on the left.

But when I create a landing page, I don’t want the sidebar to show up. There’s 4 choices for page layout:

1. Default
2. Elementor Canvas
3. Elementor Full-width
4. Theme

Out of these 3, ‘Elementor Canvas’ is the only one that eliminates the side bar completely. however, the page is off to center to the right. I can’t figure out for the life of me, how to center this page. Here’s the link: https://balkonihijau.com/durian

Can someone help?

[Leo]

Hi there,

Not sure if I fully understand.

So you don’t want to use the sidebar/header layout at all?

[Helmi]

Hi Leo,

I want the sidebar to be there for most of my website. However, I don’t want any sidebars at all for all landing pages (pages). Here’s a landing page that I am currently working on: https://balkonihijau.com/durian

Right now on that page, when I select the option for ‘no sidebar’,the sidebar doesn’t show up, but the content is off centered to the right.

I want the content of that page to be centered and look normal.

Here is the screenshot of that page: https://drive.google.com/file/d/1K1FYdlffl2FgxUCUOVJK_bWl-EUytIlu/view?usp=sharing

[Elvin]

Hi Helmi,

Your page seems to be managed by a page builder (Elementor).

It’s messing up how the page is structured.

A default GeneratePress page content is normally placed within the <div id="page"> with child <div id="content"> and grand child <div id="primary"> and <div id="right-sidebar> like this – https://share.getcloudapp.com/yAur4578

Meanwhile, your site looks like this – https://share.getcloudapp.com/Z4uKz0dq

which is seemingly modified by a plugin. If it is structured like this, the theme won’t be able to control the layout. It looks like the page builder you’re using is applying a full page template, overriding the proper way the site should be laid out using the theme.

Now to address the issue:

You have this custom CSS somewhere on your site:

@media (min-width: 1000px){
body {
    padding: 0 50px 50px;
    margin-left: 300px;
}
}

The margin-left you see is the one pushing the content off-center.

[Helmi]

Hi,

Thank you your reply. The code that you mentioned above is from the theme itself. I changed to another site library style that does not have a fixed sidebar on the left and this has solved the problem. Thank you all for your help.

[Elvin]

Glad to be of any help. No problem. 😀

[Author]

Posts