How to add sidebar in weebly website

​By default Weebly gives a full width main content area to drag and drop elements to build pages. But in this tutorial we will learn how to add sidebar in weebly website. We will divide the main content area to 2 columns (main content + left sidebar and main content + right sidebar). We will create a new header type for sidebar and we can use this newly created header type (Left SideBar or Right Sidebar) to any number of pages. The main content area will use 70% of the width and sidebar will use 30% of the width. Any weebly element can be dragged and dropped in sidebar area.

Left Sidebar Header Type

​By default Weebly gives a full width main content area to drag and drop elements to build pages. But in this tutorial we will divide the main content area to 2 columns (main content + left sidebar). We can use this newly created header type (Left SideBar) to any number of pages. The main content area will use 70% of the width and sidebar will use 30% of the width. Any weebly element can be dragged and dropped in left sidebar area.

Right Sidebar Header Type

By default Weebly gives a full width main content area to drag and drop elements to build pages. But in this tutorial we will divide the main content area to 2 columns (main content + right sidebar). We can use this newly created header type (Right SideBar) to any number of pages. The main content area will use 70% of the width and sidebar will use 30% of the width. Any weebly element can be dragged and dropped in right sidebar area.

Leave a Comment

Your email address will not be published. Required fields are marked *