Skip to content

Fixed blocks for sites

eWizard.js provides dedicated attributes to help you configure blocks on your site to remain fixed at the top of the page when scrolling. This feature is particularly useful for keeping key elements, like navigation bars or calls to action, always visible to users.

To configure this behavior, you can use the following attributes according to your site configuration:

Target deviceAttribute
Mobileewz-fixed-positioning-mobile
Tabletewz-fixed-positioning-tablet
Desktopewz-fixed-positioning-desktop

For example:

html
<wiz-block
        ewz-fixed-positioning-desktop
        ewz-fixed-positioning-tablet
        ewz-fixed-positioning-mobile
></wiz-block>

Fixed block location

Define fixed blocks above other blocks in the markup to ensure they work correctly.