Empty area to the left in mobile breakpoint

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Empty area to the left in mobile breakpoint

Post by Bluesman »

Hi Pablo or else... I can not figure out why I get a empty white space to the right in smartphone mode? Also scrollbar appear? I have searched for objects outside the viewport but do not find. My breakpoints; Default 1460, 680, 480,340

Page: https://www.kawsak-sacha-huarmikuna.com/
"Make My Day"

See my Website
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Empty area to the left in mobile breakpoint

Post by crispy68 »

Not at my computer but it looks to me it may have something to do with the divider at the top of the screen or the container it is in?
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Empty area to the left in mobile breakpoint

Post by Bluesman »

crispy68 wrote: Tue Aug 30, 2022 1:47 pm Not at my computer but it looks to me it may have something to do with the divider at the top of the screen or the container it is in?
Hi crispy... tnx for answering. Yes I was checking this because it's the only object that is stretching to the right ecceding the breakpoint...
But I erased it and still had the space there...?
"Make My Day"

See my Website
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Empty area to the left in mobile breakpoint

Post by crispy68 »

I also noticed that the menu does not show up completely. It is cut off. You may have to change the overflow of the header. What are you using as a header?
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Empty area to the left in mobile breakpoint

Post by Bluesman »

I erased the page header that had the divider but still get the space? Published all files and emptied the browser cash...

Complement:
I went in to the server with ftp and erased all files. Published again without the Page header and now it is correct without the white space...
Are there special settings for dont get the header with the divider to be responsive?
Last edited by Bluesman on Tue Aug 30, 2022 3:01 pm, edited 1 time in total.
"Make My Day"

See my Website
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Empty area to the left in mobile breakpoint

Post by crispy68 »

I just now viewed your page on my Samsung Galaxy note s20 with no divider or menu button and it looks good to me. There is no spacing to the right anymore.
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Empty area to the left in mobile breakpoint

Post by Bluesman »

crispy68 wrote: Tue Aug 30, 2022 2:33 pm I just now viewed your page on my Samsung Galaxy note s20 with no divider or menu button and it looks good to me. There is no spacing to the right anymore.
Yes as I added to the post above I was into server with ftp and erased all files, published again and it was correct. So now I shall add the page header with divider... are there special settings for getting this be responsive?

It is on a masterpage
"Make My Day"

See my Website
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Empty area to the left in mobile breakpoint

Post by crispy68 »

Make sure the header is the same size as the breakpoint width in each breakpoint. Also make sure your breakpoints on the master page have the same breakpoints on your page.
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Empty area to the left in mobile breakpoint

Post by Bluesman »

crispy68 wrote: Tue Aug 30, 2022 3:28 pm Make sure the header is the same size as the breakpoint width in each breakpoint. Also make sure your breakpoints on the master page have the same breakpoints on your page.
Hi again.... the header is set to "Floating" so no nead to check the size for it, it automatically scales for the size?? Isn't that correct?
All breakpoints the same on all pages including masterpage...
I will publish again now with the page header and menu...
"Make My Day"

See my Website
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Empty area to the left in mobile breakpoint

Post by Bluesman »

Changed Floating to default mode on the header. Seams to do the trick.
"Make My Day"

See my Website
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Empty area to the left in mobile breakpoint

Post by crispy68 »

I can confirm that it seems to be all working now including the menu! :D
User avatar
Bluesman
 
 
Posts: 1192
Joined: Mon Feb 01, 2016 5:43 pm
Location: Sweden
Contact:

Re: Empty area to the left in mobile breakpoint

Post by Bluesman »

crispy68 wrote: Tue Aug 30, 2022 4:39 pm I can confirm that it seems to be all working now including the menu! :D
Tnx. crispy :D
Please another case... Do you remember the problem I had with the php blog... in

https://www.wysiwygwebbuilder.com/forum ... 2&start=15

I am totally screwed up here... I'm copying the code you sent... but doesn't work in my other project, Can you please check? 🙏
"Make My Day"

See my Website
Post Reply