Archived topic
Landing Page full width not centered
5 replies · Started by Helmi on June 6, 2021
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?
Hi there,
Not sure if I fully understand.
So you don't want to use the sidebar/header layout at all?
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
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.
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.
Glad to be of any help. No problem. :D
