In this section, you get the following settings options.

Logo

Here you can set/upload a logo for your site (image or text). You can adjust the logo height as well. Also, you get an option to upload a dedicated mobile logo in this section. If you chose Image logo, you can upload & use your own logo image, in the format: PNG, GIF, JPG or SVG. 

Mobile Logo -  from this field you can add mobile version of logo. To avoid images looking blurry on retina display devices (iPhone) it is best to use a larger image that is displayed at a smaller size on the website. If one's regular logo image is 100x100 pixels in size, the retina logo image would need to be 200x200 pixels in size. It must be named the exact same as the regular logo image, though with @2x added onto the end of the name. So, if the regular logo image was named "logo.png", the retina logo image would need to be named "[email protected] png".

Extra tips:

• We suggest to not use logo image wider than 480px. In most cases doesn't make sense to use a wider image. For sure do not use huge & heavy images for a logo, the website is not DPT.
• If your logo after a change on front-end still look too small please change column sizes for Logo and Menu in Layout Builder setting section. 

Header

Choose the header height, decide whether the header will be sticky or not, and upload a favicon using this section. 

Body

In the Body section, you can turn the website preloader on or off. If you turn on the preloader, a spinning circle will be shown while loading your site.

Here you can also switch between boxed and wide site layouts. When you turn on the Boxed Layout option, you get several other relevant options (e.g. Background Image, Background Repeat, Background Size, Background Attachment, and Background Position) to customize the boxed layout appearance.

Footer

If you want to show a copyright notice on your website footer, turn on this option. Select the appropriate module position for the copyright notice (e.g. footer1, footer2). If you want to show some features along with the copyright notice module, choose the ordering using the Feature Position menu. Just below the Feature Position drop-down menu, you get a text box to put the footer copyright text.

Tip! Use {year} to get auto-updated year.

Go to Top

Go to Up/Top is a button on the bottom-right area -  it allows your website visitors to easily scroll back to the top of the page with one click of the button. This gives your website better navigation and also adds a more professional look to your current layout. Displays a button only when the user scrolls down the page. Not having this button on your website could leave a negative impact on your visitors. You can turn on the Go to Top feature from here.

Social Icons

Helix Ultimate lets you display social media profile links with icons on your site. Here you can switch this option on/off, and customize links.

If you do not want to use any default social links just remove "#" or another link from the input field. The rule is simple if you do not need social icon the field should remain empty.

Tip:  Anytime you can disable those social icons and on this same position (for example top1) publish your own social icons module: code added in custom code or built using SP Page Builder (with Icon group addon). 

Contact Info

Turn this feature ‘ON’ to display your contact information on your website using Helix Ultimate. Depending on the template layout the contact info can be in "top1" or "top2" position.

Coming Soon

With Helix Ultimate, you can display a customized maintenance mode page (e.g. under maintenance, coming soon, site offline or so on) on the frontend of your site when your site is under construction. You can craft this page as the way you want. Setting up the expected time and date to be back is also possible. Use the Coming Soon option to go to a coming soon/maintenance mode on your site. Add a page title, page contents, date, logo, background image and social icons on your coming soon page. You don’t need to add a custom page for this, rather, Helix Ultimate will show the coming soon/maintenance page once you simply turn this option on from Helix Ultimate template option.

Inside "Page Content" area you can use HTML tags with CSS code inside "style" to define font colors.

Error Page

A website may face several errors like 404 and so on. You can create a custom page for these errors. Use the Error Page option to do so. Upload a custom background image and a logo to display on the error page(s).  

On the error page you can publish any module, just choose "404" as a module position for it.