What could be wrong here...

[me.prosenjeet]

Look at this dummy on your desktop, it should look fine but try it on your mobile (320px) and you will see the master page misbehave. However on horizontal view on a mobile, it looks fine again.
How to solve this? I tried adding 320px breakpoint still same result.
problem sorted, link removed

[alan_sh]

You might want to post a wbs file which reproduces this issue.

[me.prosenjeet]

Certainly, I will send it if required but Pablo generally solves such issues without the wbs so I am counting on it.

[Pablo]

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

[me.prosenjeet]

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Mailed the download link to info@pablosoftwaresolutions.com
Thanks in advance.

[Pablo]

What exactly do I need to do to seer the problem?
Where on the page do I need to look?

From the FAQ:

How do you share your project file?
- first remove all content from the project that is not relevant to your question. This means removing all pages that are not relevant to the problem, so we do not have to spend a long time to figure out where to look.

[me.prosenjeet]

The problem does not show in preview. But once uploaded and viewed in 320px, the problem shows.

Look at this dummy on your desktop, it should look fine but try it on your mobile (320px) and you will see the master page misbehave. However on horizontal view on a mobile, it looks fine again.
How to solve this? I tried adding 320px breakpoint still same result.
https://lucknowwebs.com/templates/error-test

[me.prosenjeet]

I request you to check this link on a mobile (320px)
https://lucknowwebs.com/templates/error-test

[Pablo]

Where on the page do I need to look?

[me.prosenjeet]

The page uses a master page (place holder) master page has header and footer. It works fine on desktop and other breakpoint but when viewed on mobile (320px), the footer doesn't show properly and mover over the page content

[Pablo]

Your project looks fine on my computer.
Maybe you did not publish all files?

[me.prosenjeet]

I have published all files
I will send you a comparative screenshot maybe then you will understand Please give me 10 minutes

[me.prosenjeet]

Sorry for the large images.

You need to check the following:
The position of the footer in the "desktop view" which is part of the master page (used with content place holder) and the same website when viewed in a mobile (320px) "mobile view" how the footer automatically moves up over the page content.

Desktop view:

picture sharing

Mobile (320px) view

[Pablo]

When I preview the project you have shared locally then it looks correct.
So, this seems to indicates that something went wrong during publishing.
Or maybe you have shared the wrong project?

[me.prosenjeet]

Pablo, I have shared the right project and I have uploaded it several times.
To reproduce this problem can you please upload my project on your test server and check

[Pablo]

There is no difference between preview and publish. In both cases, the exact same files will be generated.
I did publish the project to a test server and it's the same results.

For me, it is difficult to make any sense of your project because there is too much content. It may take me hours to figure out what you have done. Also, I am missing all the assets (lottie and images).
I suggest to use less nested layout grids and use more logical names (ID) for the objects. So , the layout becomes easier to understand.

[me.prosenjeet]

OK Pablo, I have found an easier way to check it.

Open my wbs file in webbuilder, then go to...

...index page properties > Miscellaneous > Type (change to Masterpage)

Now check the index page inside Webbuilder (don't preview)and see how the footer moves up on the content of the index page.

[Pablo]

This is not related. A master page work different then a master frame!

Your project is too complicated to make any sense of it. There are nested layout grids with fixed heights. For example LayoutGrid15 is set to 75vh. This does not make sense and the browser may get confused from this.
Please verify your settings or simplify the layout.

[me.prosenjeet]

Thank you Pablo, got this to work.
It was getting caused as the main layer was set to 100vh.
Thanks once again for your time and patience.