Instructions

In this page you will find details about accessing and editing the advanced interactions and how to use webflow inbuild features.

Webflow

If you're new to Webflow, take a look to their website called Webflow University to get insight on how it done on webflow like layout structure, interaction in-build component and so on.

Customizations

All the text, background, icon colors are customizable. You can customize it from the style panel

Buttons

All the buttons are global components, the link and the text are replaceable from the right side of menu, when the instance is selected

Here's what we do

The section is present in the Homepage and it's have hidden images and the section is sticky so we can't see all the items present in design panel, it also most difficult and advance interaction on this template. So we can't replace images and the text just by selecting it.

We can navigate it's each items layer from the left panel called navigator, by selecting the section called section-do.
This section contains two column layout, left column hold the title link, where as right side hold the image.
In left column you will find the link called section-do_title from there you can change the title from the left panel setting, by selecting same instances.
And same goes for the images, you can navigate it through left panel and by selecting the image you can replace it from the setting in the right panel.
To make it mobile friendly we have hide the image column in mobile, but the image are visible on hover the devices below desktop, to replace/ swap that image, you will find the hidden image inside the section-do_title block and follow the steps described on number three.