Site tools documentation

Sticky sidebar columns.

Here is explained how to sticky 2 columns left and right

• 1- In your site right click and select the option Inspect.

Check the structure of the page where are the columns.

On the image below are three columns left, middle and right.

• 2- Check for names of the columns you want to sticky. Important is to take the first div of the column.

On the image below, we are checking the code left column which is mx-leftcol. In this case is a div with id, so it should be the code #mx-leftcol

 

On the next image we are checking the code of right column which is mx-rightcol. Again is a div with id, so it should be the code #mx-rightcol

 

• 3- In module settings go in "Site Tools" tab and there in Type select "Sticky Sidebar". In "Div or class name" add the names. So for the codes which are in our example, it should be #mx-leftcol, #mx-rightcol Sticky sidebar documentation. As there are more than one columns, it should be separate by ,

 

Our example had two div with id but you may have a class instead of id.

Check the image below

In this case is a class. For this should be the code .right2

 

Scroll reveal

• 1- In your site right click and select the option Inspect.

Check the structure of the page on the part where you want to have "Reveal on scroll". In our module demo we have the image which has class scrollr.  Check the image below.

As it is class the code it should be .scrollr

• 3- In module settings go in "Site Tools" tab and there in Type select "Scrollreveal". In "Div or class name" add the code.

So for the code which is in the module demo, it should be .scrollr.

Check the image below.

As effect select any one you want. If as effect is selected "Animated Masker", make sure that in "Masker" is select it one of the options. In other effects "Masker" let it none.

Use "Add" button to add as many items you want. For all of them, simply check in frontend the code and add it in the module settings.

If is a div put # and if is class put .