How to configure Layout 35.

Home Documentation How To How to configure Layout 35.

Layout 35 is a Layout with a clickable Home Page slider, and it has an option to select whether you want your app Home Page to have 2 or 3 rows of buttons.

 

Layout Options:

 

Notes:

  • Slider has 3 slides which consists of the first three pages of an app. This means when you click on the first slide, the first page (feature) in the app will open.  When you click on second/third slide then second/third page in the app will open.
  • Main 2/3 column menu consist all app pages. There is an option to show/hide the first three app pages from this menu. (block = visible & none = hidden)
  • You can also enable/disable slider pager. (true = enable & false = disable)
  • We used 100% width in slider images and 250px height.  For mobile phones the recommended slide image size is 500px*250 px, and for larger screens the recommended image size is 1000px*250px.
  • Only use https:// in Image URL.

 

Additional Configurations

If the slider does not reach the top of your screen:

a) Click Colors from the left-hand-side of the screen (or the top-middle of the screen).

b) Scroll all the way down until you get to the CSS section (if it’s disabled, enable it).

c) Paste the code below to adjust the number for “margin-top:” accordingly (ex: change “0px” to “20px”). If there is already code in the advanced SCSS box, do not remove it.  Start a new line “after” the last character in the box, then paste the above code.

/** Begin change layout 35 margin top*/
.layout.l35 .slider {
margin-top: 0px;
/** End change layout 35 margin top*/
}

 

Comments are closed.