Join the Webstudio community

Updated 4 months ago

Buttons positions

At a glance

The community member is experiencing an issue where a button in the viewport appears to be in the correct place, but when the page is launched, the button is in a completely different place or even off the page. The comments suggest that this is likely due to the use of different resolutions and defined styles on certain breakpoints. To fix this, the community member could try using position: sticky to keep the button in the viewport on scroll. However, without access to the project, it is difficult to provide a definitive solution.

Useful resources
I would like to know if any one could tell me, why does button in the viewport sit in the correct place but when i look on the launched page its in a completely different place and at times even off the page, what is up with that
O
P
6 comments
most likely you are comparing different resolutions and you have defined styles on certain breakpoints
is there a fix to it maybe? all i wanted is a home button that will take me bac to the main page that is able to move with the scroll of the screen, and then when i select the option of make the button move, on launch the button goes off screen
to keep it in viewport on scroll there is position sticky
you seem to have multiple problems there
without access to project its impossible to help you
Add a reply
Sign up and join the conversation on Discord