There are a number of ways you can display banners and adverts as a header across the shop & interior pages, this example is a single column module, you could fill it with text formatted however you wish, it could be a graphic, or a combination of both.

Single Column Standard Header

There are a number of ways you can display banners and adverts as a header across the shop & interior pages, this example is a single column module, you could fill it with text formatted however you wish, it could be a graphic, or a combination of both.

Single Column Full-Width Header

This header has two columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to two lines, one box on top the other and the content dynamically changing dimensions to fit.

This header has two columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to two lines, one box on top the other and the content dynamically changing dimensions to fit.

Two Columns, Standard Width

This header has two columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to two lines, one box on top the other and the content dynamically changing dimensions to fit.

This header has two columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to two lines, one box on top the other and the content dynamically changing dimensions to fit.

Two Columns, Full Width

This header has three columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to three lines, one box on top the other and the content dynamically changing dimensions to fit.

This header has three columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to three lines, one box on top the other and the content dynamically changing dimensions to fit.

This header has three columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to three lines, one box on top the other and the content dynamically changing dimensions to fit.

Three Columns, Standard Width

This header has three columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to three lines, one box on top the other and the content dynamically changing dimensions to fit.

This header has three columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to three lines, one box on top the other and the content dynamically changing dimensions to fit.

This header has three columns. Each column has a text box, into which you can add text, graphics, banners etc. When they are viewed on a larger device such as a desktop/laptop or larger tablet the two columns should appear side-by-side, on smaller screens the boxes will break to three lines, one box on top the other and the content dynamically changing dimensions to fit.

Three Columns, Full Width

You can have up to 4 columns, and the row can be split into any combination. This example is 4 columns wide, and this content box is taking up 3 columns. It could include text, graphics, you could even put shop items in the header such as special offers or items that needed pushing.

This content box is just one column wide. These headers can be arranged however is required.

4 Columns, Standard Width, 3/4 and 1/4

This example is a single column, using a current banner - it displays OK on a large screen but won't reproduce well on smaller screens such as mobiles

However, we have the ability to show/hide headers to certain devices, so if we absolutely have to use a horizontal banner, we can display it to users viewing the site on a desktop/laptop, but hide it & display a different header to users on mobile -