Here is a website developed with Elements App:
Unfortunately in the smallest phone resolution there is a margin of about 15 px on the right hand side (See screenshot below). It disappears from the md - resolution onwards. I could not figure out where I went wrong.
Can someone help?
BTW the contact form on the bottom of the web page works flawless.
Best, Nedim
Note: I uploaded the project to the Elements Cloud and can send the link if needed.
Upload would be quickest for a check
The width of some container is not set to auto or full. Check the outmost containers
Here’s the Link:
elementsapp://downloadDocument/M4uOvO3XE1Kw
Hey Jan!
I did that and uploaded the page again. All containers are set to auto or full or haven’t been changed at all. But I still have the margin on the right in the smallest resolution.
Thanks for your suggestion, anyway.
ok quite a few thing, not corrected all of then, good thing to check first is scroll off screen, in my example I deleted the container and replaced with flex, but there are still a few settings to correct, probably trialling when you were setting up
Thanks a lot Steve!
As you point out: I think it was the misplaced hamburger menu. I fixed it. See
cool glad you sorted, ignore this next bit if you are content, best to push the trigger, using content end in container or items end if possible rather than using top right bottom left etc, well my personal way of doing it
Do you have a visual example for the way you do it?
your menu when I clicked on your link didn’t work?
see below
The modal opens full screen and the close is far right
Thanks a lot Steve. I understood now what you Jean with content end. I will try to fix it. The hamburger menu just points at anchors along the page. Perhaps it is not a good Solution.
Hi Steve,
I decided to get rid of the hamburger menu on the smart phone. This is a on page web site anyway. I think it works that way.
Thanks for your help.
Nedim
no probs seems a good choice
