Archived topic
Mobile View - can't see full width row
15 replies · Started by Bestiale on August 2, 2018
Hello,
Do you know why I can't see the whole row in mobile and tablet view?
I created a full-width row and I see the whole information picture and text only on the desktop version?
Thanks!
Hi there,
Your URL doesn't seem to be working. Can you double check?
I forgot that nobody outside our network can't see it. You should open it now.
And could you tell me when I create a new page and insert a row, why it is only with fixed width even I choose to be full width?
Thanks!
Hi there,
thats to do with Beaver Builder, it may be worth asking their support or in the Facebook community forums.
But what i can see is that some of the BB Rows have a max width applied to them. I would assume thats a Row setting.
The missing content on mobile, is because you have columns that only have a background image and no content, so they collapse to 1px on mobile. You need to add a spacer module or set a min height on the column to stop this from happening.
The settings for BB rows are default settings from the Pivot theme. I haven't change them. So why there is a max width then? Are settings on the Pivot theme set by you guys?
I am not a BB user, but looking at Pivot, the main Row > Width is set to Full Width but the Row Content is not in which case it inherits the width set in the BB Global settings, currently 1200px.
I can't access the link to see whether you are styling the background of the Row or the Row Content which may be the issue.
Can you give me your IP, so you can see the website?
Can you not reopen site to public? I am currently working remotely and the network admin wont allow this.
I open it. Could you check now the rows?
So the site container is showing it is 100% wide. The CSS that is defining the Row Content container is coming from Beaver. Can you check the Row Width is set to full width:
Yes, it is. You can check this page: http://dev2.bestiale.net/maintenance-tuning-services. The last row "Contact us today" I made it full width and it still looks like fix-width.
OK, so in the WordPress Page editor - look for the Layout > Pagebuilder Meta
https://docs.generatepress.com/article/page-builder-container/
And set this to full width. That should solve the issue :)
thanks! it worked
you're welcome. Sorry i got all focused on Beaver Builder :)
