Appearance
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 device | Attribute |
|---|---|
| Mobile | ewz-fixed-positioning-mobile |
| Tablet | ewz-fixed-positioning-tablet |
| Desktop | ewz-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.