Shopify themes, liquid, logos, and UX
how to make two column in dawn theme first should be fixed and 2nd one is scrolling
like this
https://weare.lush.com/lush-life/our-company/what-we-believe/
my page url is https://urbnwhyt.com/pages/we-believe-in
Solved! Go to the solution
This is an accepted solution.
Hi @babarazam1
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.zn-content .zn-row {
align-items: unset !important;
}
.zn-column.zn-column-lg-4.zn-column-md-4.zn-column-sm-12 {
height: 150px !important;
position: sticky !important;
z-index: 1;
top: 0;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @babarazam1
This is customize section, you will need a developer to get this design. If your interested, let us know. Thanks!
i am also developer of php laravel but this project i am working on is my first shopify project and i want to learn new things could you please help me regarding this issu thanks
This is an accepted solution.
Hi @babarazam1
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.zn-content .zn-row {
align-items: unset !important;
}
.zn-column.zn-column-lg-4.zn-column-md-4.zn-column-sm-12 {
height: 150px !important;
position: sticky !important;
z-index: 1;
top: 0;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025