Page 1 of 1

Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 1:37 pm
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/

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 1:47 pm
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?

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 1:59 pm
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...?

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 2:03 pm
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?

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 2:09 pm
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?

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 2:33 pm
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.

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 3:02 pm
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

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 3:28 pm
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.

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 3:38 pm
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...

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 4:09 pm
by Bluesman
Changed Floating to default mode on the header. Seams to do the trick.

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 4:39 pm
by crispy68
I can confirm that it seems to be all working now including the menu! :D

Re: Empty area to the left in mobile breakpoint

Posted: Tue Aug 30, 2022 4:52 pm
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? 🙏