How to make two column in dawn theme first should be fixed and 2nd one is scrolling

Topic summary

A developer working on their first Shopify project seeks to create a two-column layout in the Dawn theme where the first column remains fixed while the second column scrolls. They reference a Lush website example as their desired outcome.

Proposed Solution:
A PageFly representative provides CSS code to be added to the base.css file, targeting specific column classes with position: sticky and z-index: 1 properties.

Current Issue:
The original poster reports that while the solution partially works, there’s a z-index conflict causing the footer to appear above the fixed section when scrolling. They adjusted z-index to -1, which resolved the scrolling behavior but likely introduced new layering problems.

Status: The discussion remains open with an unresolved footer overlap issue that needs further CSS refinement.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

hi @PageFly-Henry thank you

but i was an issu when i paste the code

and then i scrool the footer goes bellow the the fixed section

then i make z-index: -1; now its working fine