Even though the website that I built should be full width of the page, there is this huge 2 inch white space around the whole website.
I did check the full width option of the webpage but it is as if the background of the website is white and the elements of the page its self are not stretched properly.
Itâs likely because youâre not using stripes to style your page, but having shapes instead. When you click on the background, you can add stripes. Check the video âchanging the page backgroundâ at bubble.is/documentation.
It may also help to bear in mind that currently on Bubble the âfull widthâ page width selection does not mean full screen width; itâs just a convenience preset for 1200px. This was confusing for me when I first played with the page width property, so that might be what youâre experiencing. Stripes may help in creating a full-width backdrop of your page, but the content is always narrowed to whatever width your page is restricted to in the property editor.
To add a stripe at the bottom, simply check the option âFloating stripeâ and select âat the bottomâ in the pageâs style settings (see âStylesâ just below âdataâ on the left navigation bar). You can then place a floating element (shape or group) inside the designated stripe area when editing the page design and it will stick to the bottom of the page. Generally you can add sticky stripes at the top or bottom or simply let them stack anywhere else from the top of the page. I can be a bit more clear if any part of this doesnât make complete sense.
I canât access your app editor but⌠I think the issue is likely that you need to overlay a [floating group] in the stripe area at the bottom of the page where you want the footer. You should then add your links into that floating group.