In editing mode, you have the website builder tool bar on the left. So the website does not actually spend full width. When you publish the site, the tool bar will be gone so the site is display wider than in editing mode. Since the header spend the full width of the page, it will Full Article…
Search the Wiki
How to create header image for responsive theme – Regular Headers
Let me explain how the header works. Our widescreen template have a responsive header image. Unlike Weebly’s standard header image, the height is fixed no matter what size monitor/device you are using, our themes have a truly responsive header. It measures the width of the monitor and calculate to adjust the height accordingly. Our smart Full Article…
Why is my search bar not working?
To get the search bar working on your site, you will need to first satisfy 2 criteria: 1) The search feature is a PRO feature, so you will first need a Pro or Business account to use it. If you don’t have it, the search feature will not work as pointed out in the theme Full Article…
How to hide Search Button when search bar is turned off
1) Click into “design” and into “edit html/css” 2) Click on “main_style.css” to open the css editing page 3) Here locate this code: { float: right; padding-left: 15px; cur Different theme may have different code details. The important part here is to locate this . Anything below the identifier code is not important. For MILO Full Article…
How to insert H1 text in drag & drop content
For some of our themes, there is a h1 font styling built into the theme. You can a h1 text in any drag & drop content area. This tutorial will show you how: 1) Drag & drop the EMBED CODE tool into the location where you want to insert an h1 text 2) Inside the Full Article…
Enlarge logo for full width navigation bars – Drops, Habitu, DejaVu
1. Click open the code editor. On the left hand column you will find the list of the page layouts. Click into the page you want to customize the logo size limit. In this example, we will choose the landing.html 2. Edit LOGO HTML code In the page layout html codes, locate this: {logo max-width=””} Full Article…
How to change a Stationary Sidebar with consistent content to Unique Sidebar
All of our standard theme’s sidebar have consistent content so all the content remains the same when you switch from page to page. This tutorial show you how to change from a Standard Sidebar to a Unique sidebar. Please note after this change been change, you will no longer have the ability to show the Full Article…
DD Tabs Overlap Update
This is an update for DD Tabs Page Layout. If you are experiencing the tabs overlaps each other when your tab title gets too long, this is a fix for that. 1) Log into your Weebly account 2) Click into “design” and into “edit html/css” to open the code editor 3) Click on “main_style.css” to Full Article…
Why does my full width header image look different in different monitor size?
Let me explain how the header works. Our widescreen template have a responsive header image. Unlike Weebly’s standard header image, the height is fixed no matter what size monitor/device you are using, our themes have a truly responsive header. It measures the width of the monitor and calculate to adjust the height accordingly. Our smart Full Article…
How to change page title from H2 tag to H1 tag
All of Weebly’s title in the content are h2. If you want to set your page’s h1 tag, you can do so in the “page” manager. If you are using a theme that have the page title feature, you can change it from a h2 to h1 tag in the theme coding. This tutorial will Full Article…
Drag and Drop Sidebar – Can the content be unique (not repeat) across pages?
All of our standard theme’s sidebar have consistent content so all the content remains the same when you switch from page to page. This tutorial show you how to change from a Standard Sidebar to a Unique sidebar. Please note after this change been change, you will no longer have the ability to show the Full Article…
Why my widescreen header image repeats in editing mode?
When you are editing mode the widescreen header image’s responsiveness is inactive. Once the site is published, you will not see the image repeat.
Why there is a gap in my Header Image (MUSA, Deja Vu, Babel, Society)?
Weebly Image Perfect Editor will crop your header image. Some times this will create a gap at the bottom of the landing page image/ Tall header Image/ Short Header Image in full width header image templates like Musa, Deja Vu and Babel. There is a trick to upload your image to create a longer header Full Article…