- This topic has 9 replies, 3 voices, and was last updated 2 years, 6 months ago by Elvin.
-
AuthorPosts
-
October 10, 2021 at 11:26 pm #1959452Mira
Hello,
on one page of my website I would like to use full width. I already changed it in the Layout settings and activated the checkbox “Full-width” and no sidebar.
I also have a page hero at this page. This one is full-width but the rest of the page is not. Maybe you could check this?
Thank you π
October 11, 2021 at 12:35 am #1959490ElvinStaffCustomer SupportHi Mira,
If you want the whole page to be completely full width, consider using the Layout Element’s Content tab –
https://docs.generatepress.com/article/layout-element-overview/#content-1 and set the Content Area to “Full width(no padding).Note: This won’t apply to contents with GenerateBlocks Container block that is set to “Inner width” as the “inner width” setting will apply its max-width to the specific content it holds.
October 11, 2021 at 10:14 am #1960167MiraHi,
thank you for your answer.
I only want “full-width” on one page, on my home page. I tried to change the “Inner width” but it was not working on my home page, only for my other pages (where I didn’t want it to work).
I also tried to change the Layout Element’s Content Tab, but it was also not working for my home page (there was no change). The other pages changed than to full width, but not my home page. This is the only page, where I used a header in full-width. Do you think this is the problem?
Do you have a solution for me, how to set only my home page (not the other pages) in “full-width?
Thank you π
October 11, 2021 at 10:55 am #1960210LeoStaffCustomer SupportCan you disable Autopimize for us to take a look at the code?
Thanks.
October 11, 2021 at 11:44 pm #1960574MiraI have now disabled Autoptimize.
Thank you.
October 12, 2021 at 1:03 am #1960650ElvinStaffCustomer Support2 things to check:
1.) Make sure caching plugin is disabled.
2.) Make sure the Layout Element’s display rule location is set to “Front page” and front page only. πWe then check if its finally applied. (clear browser cache as well just to be sure)
If it finally works, we can re-enable the caching plugin and then purge its cache so it generates a new one based on the new settings we have applied. π
October 14, 2021 at 10:48 pm #1963962Mira1.) It’s now disabled.
2.) I’m not sure about this one. I built the header not with Elements but directly in the editor of the pages. I didn’t find an option for “Front page” there.October 15, 2021 at 12:03 am #1963997ElvinStaffCustomer SupportThanks.
The page wasn’t going full width because of this CSS:
.no-sidebar .inside-article > *, .no-sidebar #comments, .no-sidebar .nav-links { max-width: 700px; margin-left: auto; margin-right: auto; }
It’s a custom CSS you can find on Appearance > Customize > Additional CSS.
It’s applying to pages w/o any sidebars. If this CSS is not needed anymore, you can remove this completely.
If this CSS is still needed on other page but you’d like to remove it on specific page, let us know what kind of pages do you want it disabled on so we can advise on a way to do it. π
October 16, 2021 at 2:40 am #1965064MiraThank you very much.
I removed the custom CSS. Now it is working fine for me. π
October 17, 2021 at 10:43 pm #1966793ElvinStaffCustomer SupportNice one. Glad you got it sorted. π
-
AuthorPosts
- You must be logged in to reply to this topic.