[Support request] Unwanted space below logo image in mobile display.

[RICK]

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?

[David]

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.

[RICK]

I don’t show a “Page Builder Container” selection under “Layout”.

[David]

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.

[RICK]

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!

[David]

Thats one way 🙂

[Author]

Posts