The State Changers had a lengthy discussion about troubleshooting layout issues with certain elements on a webpage. The primary participant experienced issues with the viewport and element orientation. The group specifically worked on a notification bar feature on their WeWeb platform. The element was treating a fixed element rather than a flowing one to avoid blocking other elements on the page like in Xano. After several attempts of toggling settings like display, position, z-index, and sizing, they successfully got the feature to float over the top of the page. The solution makes the notification bar visible over existing elements on the screen, ensuring a better banner layout that doesn't impact the rest of the responsive page design. Towards the end, they mentioned potentially using background opacity styling for a similar effect with less obstruction of page elements.
(Source: Office Hours 7/26/23 )
