Desktop Header Logo Alignment

  • Published
  • Last Update

These options are located in the Theme Options > Header > Desktop Header tab. Then go to the Desktop Header Logo Alignment section.

Desktop Header Logo Alignment options control the alignment for the logo of the desktop header on your site.

Sonnet offers a range of 4 customizable header layout versions (Fig. 1) to suit your site’s needs, and the Desktop Header Background options are suggested that must be controlled for that desktop header when setting the version of the desktop header set in the Desktop Header Layout.

4 customizable header layout versions.
Fig. 1. 4 customizable header layout versions.

 

If you select the Desktop Header Layout option as Desktop header version 1, and Desktop header version 3, the Desktop Header Logo Alignment options you need to control are (Fig. 2):

Desktop Header Logo Alignment options option Screenshot.
Fig. 2 Desktop Header Logo Alignment options Screenshot.

 

Logo Margin Top – Illustrated as A. Controls the margin top for the logo.

Logo Margin bottom – Illustrated as B. Controls the margin bottom for the logo.

If you select the Desktop Header Layout option as Desktop header version 2 and Desktop header version 4 (Sidebar header), the Desktop Header Logo Alignment options you need to control are (Fig. 3):

Desktop Header Logo Alignment options option Screenshot.
Fig. 3. Desktop Header Logo Alignment options Screenshot.

 

Logo Margin Top – Illustrated as C. Controls the margin top for the logo.

Logo Margin bottom – Illustrated as D. Controls the margin bottom for the logo.

Header Logo Horizontal Alignment – Illustrated as E. Specify the header logo horizontal alignment.