Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Incorrect Position or Size for Text, Button or Shape

home_topbanner

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.

1. 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 resposition/resize your content for that particular breakpoint.

add-css-media-query
custom-grid-size

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

correct-layer-positioning
incorrect-layer-positioning

3. 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.

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

4. Adjust the Responsive OFFSET

OFF = The content’s position will always honor the exact numbers you’ve chosen for your X/Y offsets (#9-10 here).

ON = The content’s X/Y offsets will be elastic.

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