If you're using one of the newer Contentbox-based templates, you can use the Contentbox editor to swap out your masthead for a different style.
WARNING editing your template could potentially damage your website layout. If you are not confident editing templates, or using HTML and CSS you should look to test things out on a trial site first, or make use of the BACKUPS button to restore an old version if needed.
How to edit the template
While the
- Navigate to the template area by clicking the DESIGN button, then clicking the TEMPLATE DESIGN button found under the Custom Design heading.
- In the templates area you will find a list of templates with column showing which template is assigned to which page.
- By default pages will use TEMPLATE A, unless manually changed, or set to a different layout in the template default content.
If you have the DESIGN sidebar option enabled you can quickly get there via the A button as well.
Changing your Masthead
In the example below we will change from the default MODERNA 3 column layout to a two column LOGO / MENU layout.
Example MODERNA masthead layout
Adding a new Masthead snippet
In the template area you will find a series of Contentbox sections, find the one with the masthead / logo /menu [TAGS] and add a snippet block.
In the snippet popup window that appears, find and click the button TEMPLATE SNIPPETS in the left-hand sidebar.
With some contentbox templates, the snippet block popup will automatically default to the template snippets as shown below.
In the main window area, find the section labelled MASTHEAD LAYOUTS.
These are the preset options available. The | icon denotes a second or third column snippet.
The Logo | Menu snippet is shown highlighted above.
Your new masthead snippet will be added to the section, if not - move it to the correct area as shown below.
Once in the right place, delete the old masthead snippet block and save.
Showing the template with the new masthead format.
Advanced Masthead options via the Header Settings Popup
Masthead snippets now have a HEADER SETTINGS link to give you more control over how the masthead displays including sticking at the top of the page, overlaying content and how elements are positioned on mobile.
See the header settings info page for more information.
FAQ Topics
Building your site
- Pages
- Content Editor Modes Explained
- - DRAG DROP Editor (Default)
- - CONTENTBOX Editor (Advanced)
- - WORD STYLE Editor (TinyMCE)
- - LIVE Editor (Click to Edit Mode)
- Styling Content
- Images / Backgrounds
- Banners and Sliders
- Uploading content
- Design Templates
- Forms
- More Q & A
- Menus
- Mobile Styling and Optimisation
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Ngā Hua
- Product Options
- Layout and Formatting
- Ngā Kōwhiringa Utu
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Bookings Management System
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Te Wāhi Hoko (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
Promoting your site
Advanced
- Power User Options
- Form Spam Filtering
- Wordpress
- PHP Setup
- [TAGS]
- jQuery snippets
- Search External Links / Import external content
- HTML / CSS Snippets
- Embedding Web Fonts
- Loading additional Material Symbols styles
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
