Top Banner Image Layer
KB14416
Upload a background banner displayed at the top of the page.
It is common to see websites with a background banner usually positioned at the top of the page. The menu bar is then overlayed and possibly a logo.
In order to make this responsive and work with any screen size the banner image needs to adapt to the screen size. We do this by setting the banner image as a background graphic. You can upload the banner of any size. Other layers will always appear on top of the banner image layer.
The normal positioning rules of the banner layer do not apply. The banner image will always be displayed at the top of the page. The height of the layer will set the height of the banner image.
Tips
The banner image is set on background-repeat so if you do not wish the banner to be repeated upload a banner image with large enough width to fill the entire banner area.
Make sure the width of the banner layer fills the entire canvas area.
Key To Icons
In order to make this responsive and work with any screen size the banner image needs to adapt to the screen size. We do this by setting the banner image as a background graphic. You can upload the banner of any size. Other layers will always appear on top of the banner image layer.
The normal positioning rules of the banner layer do not apply. The banner image will always be displayed at the top of the page. The height of the layer will set the height of the banner image.
Tips
The banner image is set on background-repeat so if you do not wish the banner to be repeated upload a banner image with large enough width to fill the entire banner area.
Make sure the width of the banner layer fills the entire canvas area.
Advanced Options
Click 
OR 
in the main text layer to access the advanced edit page.
Key To Icons
 |
Upload a banner background image |
 |
Enter HTML using the WYSIWYG Text Editor as the banner. |
Updated on: 03/05/2020 17:27:49
How Helpful was this article
1 Votes Cast
