Sticky/Fixed Column

foodclothesmedicine · May 4, 2018, 9:14pm

Hi all & @Norm,

I’m trying to create a two-column site where the left column is sticky and the right column scrolls. Any suggestions on how to accomplish this?

Here’s the site I’m working on, for reference: www.justinsamuelmartin.com

Thanks

webplus · May 6, 2018, 9:16pm

Hello,

you can use a div on the left sidebar and assign a class to it like fixed-left.

Then in the page settings add the following code:

foodclothesmedicine · May 7, 2018, 6:22pm

@webplus Thanks for the suggestions. Unfortunately, when I tried it out, it didn’t work. This is the test I ran to try it out: http://justinsamuelmartin.com/about.html

webplus · May 7, 2018, 6:50pm

There is a problem, that the reference of the browser which is not taken into account, beaucse the div is nested in.other elements, which prevent to function correctly.

Here an example blocs project:

Left-side-fixed.bloc (734.7 KB)

foodclothesmedicine · May 7, 2018, 8:37pm

I used your example as a template and it works now. Thanks so much!

webplus · May 7, 2018, 8:41pm

You are welcome