Site logo

Archived topic

Padding display inconsistent between mobile preview on desktop and actual mobile

2 replies · Started by Magda on February 13, 2022

Viewing posts 1–3 of 3

I use GeneratePress with BeaverBuilder and generally like it a lot except the padding issues.

Currently, no matter what is displayed for me on the desktop preview screen in BeaverBuilder, padding of 0 or padding of 20, I might get padding of 0 or padding of 20.

It is driving me nuts and I cannot figure out how to clean it up.

Generally, I want large (hero) images to display on mobile with zero padding, and every other content with some padding.
But it is impossible to set these settings to display images this way globally for both pages and posts, it seems, and I'm always fiddling.

And now it seems the preview isn't displaying properly.

How could I set this up properly globally in the theme styles?

URL changed, more private info.

Padding issues inconsistencies are maddening and my number one issue with your theme and this builder, and I don't see that the padding is coming from the builder.

I will even pay for someone to guide me through how to set this up once and for all, or to adjust the code, because it is my number 1 issue with every single website. Is that possible?

I don't understand why styles for images and captions cannot be easily globally set. It would really help.

Hi Magda,

From my end, on mobile view, this is what it looks like: https://share.getcloudapp.com/v1uLGdYp

Specifically, there is a left and right padding(10px) on the container of the “6 Project Areas”, and no padding in all the elements inside.

See for outer container: https://share.getcloudapp.com/v1uLGdYp

See for h3 (1-6) elements: https://share.getcloudapp.com/d5uNQG68

I cant seem to locate the “different” left padding values. Perhaps this is a caching issue?

The css being served by beaver builder seems to be a cached file. Can you confirm this? Kindly check for any caching mechanisms that may be causing this issue.

Moreover, to have a better understanding of the issue, can you take a screenshot of what you’re seeing from your end?

Hope to hear from you soon. :)

This archived topic is closed to new replies.