Layout Builder
Layout builder allows you to build layout based on module positions. It allows to customize the existing template without using a single line of code
Layout Grid
JC Pets Layout is based on 12 column layout and it includes a powerful mobile-first flexbox grid system.
The grid system is responsive, and the columns will arranged based on the screen size.
How to use module
Publish any module below or/and above the component area. Two module positions are available: Content Top & Content Bottom
How to create custom header
Two predefined Headers are available.you can disable this option and build your own custom header .
- Predefined Headers - Turn Off.
- T o create a new row click on (+) icon
- Grab new Row and move up above row named "Page Title".
- Click gears icon to get into row options.
- Inside field "Section Title" add name: header
- You need to click click columns icon to set columns layout.
- Then for each column choose module position from list, for example, logo and menu*
- Save changes to see results.
Row Options
The row options are:
- You can add section title
- You can add fluid width
- You can add a class name for custom css
- Responsive settings also available
Column Options
The column options are:
- You can add a class name for custom css
- You can set a module positions. The available module positions are title, left, right, top1, top2, top3, logo, menu, search, slide, user1, user2, user3, user4, slider, content-top, content-bottom etc....
- Responsive settings also available
- Grid - allows to control of responsive layout
Still having issues? You can either post your query in our forum section or mail directly to This email address is being protected from spambots. You need JavaScript enabled to view it.. All your queries will be replied within 24 hrs.