Archived topic
Unwanted space below logo image in mobile display.
5 replies · Started by RICK on September 20, 2020
I've been using Generate Press for years and appreciate it's features. After dozens of websites this problem stumps me.
See http://pipedemo.site.
The desktop display looks fine, notice how the colored segments (rows) fit together nicely.
Now look at a mobile display, iPhone or Android.
Notice extra white space under the logo, which appears to me about 30px.
I've searched, tried multiple suggestions, including "Additional CSS", with which I am comfortable as I am "a coder".
Any suggestions?
Hi there,
when creating Full Width layouts we recommend setting the Page Builder Container to Full Width:
https://docs.generatepress.com/article/page-builder-container/
This will remove the themes padding.
It also means you want have to use 'stretch' options for your page builder row/sections.
I don't show a "Page Builder Container" selection under "Layout".
Odd - is it below the Post Content editor - sometimes Meta Boxes get moved out of the sidebar.
If not you can also use the Layout Element to set it to full width:
https://docs.generatepress.com/article/layout-element-overview/
This also allows you to set it dynamically using Display Rules e.g Pages > All Pages.
Fixed it!
Customize > Layout > Container
at bottom left "Content Padding"
choOse between desktop and mobile display by clicking icons
set all sides to zero
THANKS!
Thats one way :)
