Knowledge Base

Knowledge base article

If your slider’s Layer content is not positioned or sized correctly, this can be fixed with a few settings adjustments.

Useful for Text, Buttons & Shapes.

Enable “Custom Grid Sizes” to create CSS Media Queries for your slider.

Custom Grid Size: OFF = The slider and all its content will simply scale (i.e. “zoom”) in and out when the browser window is resized.

Custom Grid Size: ON = Creates CSS Media Queries, which allow you to re-position/resize your content for that particular breakpoint.

Make sure your content is always placed INSIDE the Layers Grid canvas

Adjust the responsive alignment
GRID based = The content will always be confined to the Layers Grid area.

SLIDE based = The content will be positioned based on the entire size of the slider.

 

Not sure which option to use?
Test both options on the front-end of your site to help make your decision