header options

Header Styles

Publisher has 8 beautiful styles for header also 3 different layouts. To select one from header styles go to Publisher → Theme Options → Header; below image is what you see there:

In this section we just talk about header style and if you like, read more about header.

Now click on Header. Here you cane different styles for header.

Select whether style you like and click Save Options. Read more about Header Layouts.

The general rule for adding Ads in different header styles is: when logo and main menu are side by side, there is no place for adding Ads (styles 5, 6 and 8). When the logo is at one side, one Ad could be added to the other side (styles 2 and 3). Finally when the logo is at the middle of header, two Ads could be added to both sides of logo (styles 1, 4 and 7).

Show Me How Different Header Styles Look

We select all styles one by one with Ads (if possible) so can see these header styles also their Ads location.

ADD AN AIMGE FOR EVERY STYLE WITH ITS ADS.

Site Logo & Favicon

What is Site Logo?

Logo is a visual cornerstone of a company’s brand. Your company’s identity is visually expressed through its logo, which is one of the main things that makes your business memorable. Think of eBay, Google, and Yahoo. Each one of these companies has a distinctive logo that a large percentage of people would be able to describe without seeing. Even if you own a personal and non-profitable website, site logo plays an important role to create a great first impression on your visitors.

How Can I Change my Website Logo?

Publisher gives you various options for selecting website logo. Keep reading to know what are these options and where you can find them. Go to Publisher → Theme Options → Header → Logo.

1- Text Logo: Enter your site name here for logo text.

Enter site tagline here to add this to logo alt attribute.

2- Site logo: By default, a text-based logo is created using your site title. But you can also upload an image-based logo here.

NOTE: You can find “Site Title” and “Tagline” in Settings → General.

3- Site Retina Logo (2x): If you want to upload a Retina Image, it’s Image Size should be exactly double in comparison with your normal Logo.

Change Website Logo for Pages and Category/Tag Archive Pages

For pages, read Page Options. For category and tag archive pages, read Categories & Tags options.

What is Favicon?

A favicon (pronounced “fave-icon”) is a small, iconic image that represents your website. Favicons are most often found in the address bar of your web browser, but they can also be used in lists of bookmarks in web browsers and feed aggregators. If you don’t know what is favicon exactly, look at examples in below image.

How Can I Change my Website Favicon?

Publisher has an unique panel for selecting different favicons for different devices, so your website looks cool on all devices. In theme panel go to Publisher → Theme Options → Advanced → Favicons.

1- Favicon (16×16): Default Favicon. 16px x 16px. This is the one used in most of the situations and devices.

2- Apple iPhone Icon (57×57): Icon for Classic iPhone.

3- Apple iPhone Retina Icon (114×114): Icon for Retina iPhone.

4- Apple iPad Icon (72×72): Icon for Classic iPad.

5- Apple iPad Retina Icon (144×144): Icon for Retina iPad.

Header Options

What are Header Options?

Option panel described before but some items of that are more important, so we describe them in more details. Header is one of those important items, you can find it in Publisher → Theme Options → Header. You can see main categories of header options in below image.

Let’s Start With Header Options

In this and next sections we will describe different tabs of Header option panel. Now we start with header styles. Click on Header Style & Layout tab.

1- Header Layout: Select a layout for your header between three options:

Boxed header: Maximum width of header is equal to maximum site size.

Full width header (boxed content): Content of header is boxed (like Boxed header) but if you have chosen a background-color or background-image for header, maximum width of background stretches to full width of viewport.

Full width header (Stretched content): Maximum width of both the content and background are stretched to full width of viewport.

2- Header Style: Select a style for your header. Currently 8 styles are available for header and there is a thumbnail for each of them.

The general rule for adding Ads in different header styles: When logo and main menu are side by side, there is no place for adding Ads (styles 5, 6 and 8). When the logo is at one side, one Ad could be added to the other side (styles 2 and 3). Finally when the logo is at the middle of header, two Ads could be added to both sides of the logo (styles 1, 4 and 7).

3- Main Menu Sticky: Enable or disable sticky effect for main menu. Also there is a Smart Sticky; sticky header hides when you scroll down and shows up when scroll up.

4- Show Search Box in Menu: Choose to show or hide search form in menu.

5- Live Search Box: With enabling this option, results of search load with Ajax and shown in header search box (results shown live as you are typing before even you press Search button or Enter button).

6- Show Shopping Cart Icon in Menu: Choose to show or hide shopping cart icon in menu.

7- Header Padding: Change bottom & top padding of header. These options do not work in Header styles 5, 6 & 8.