One option for changing the header on Weebly is to access the website builder’s settings page and find the "Header" tab. On this tab, the user can change the header image, text, or both. The user can decide if they want the header to be the first thing seen when visiting their website or if they want it to appear after the site’s content. Make sure to back up your content before changing the header.
Customizing Weebly Header Layout
Your Weebly site header area provides the first impression of a site to users. Hence it needs to be designed properly to attract and retain the users on your site. Weebly offers different elements on the header area with customizing options.
How do I add a banner to my Weebly website?
One option is to use the Weebly Theme Editor. Click on “Theme” and “Customize.” Upload your file. The header image size can be 1920 x 1080 pixels. You can add different headers to different pages without changing the theme code. Click "Edit Image" on the header. Use Weebly’s image editor to add your banner image.
Another way is with HTML and CSS coding. Open the HTML/CSS Editor under “Theme.” Select your page layout on the left. Add HTML and CSS code for the banner styling. Then add your banner text.
You can also add a text banner or alert bar at the top. Use HTML and CSS coding. Open the Editor under “Theme.” Pick your page layout. Add HTML and CSS styling code. Then type in your banner text.
To change the banner size, edit the image in an application like Pixlr first. Weebly also lets you upload PDFs and add logos. Go to Website Settings to change the title image to a logo. The pages offer different header options. The home page has a special full banner section.