How to change Header Styling

Theme Options is the main section of Jupiter, which you can do your global settings for your website. You can access Theme Options from top left side of your dashboard. Header Styling options can be found under Header section of Theme Options.

sidedashboard

In this topic

We will explain about how to change Header Styling

1. Header Styling

1.1. Choose between boxed and full width layout

Use this option to set the main layout of the website. Available options are:

  1. Boxed Layout
  2. Full Width Layout

1.2. Header Background Opacity

Use this option to set the opacity value for header background.

1.3. Sticky Header Background Opacity

Use this option to set the opacity value for header background in sticky mode.

1.4. Header Bottom Border Thickness

Use this option to set the header section bottom border thickness. Value of this option is in pixels.

1.5. Header Bottom Border Color

Use this option to set the header section bottom border color.

1.6. Sticky Header Bottom Border Color

Use this option to set the header section bottom border color in sticky mode.

headerstyling

1.7. Boxed Header

Limit the width of header and header toolbar sections to value of main grid width at Global Setting > Main Grid Width?

1.8. Display Logo

Display logo in header section?

1.9. Logo in the Middle

Center the logo in the middle of main navigation items for header style 1? Make sure to have even number of navigation items on left and right.

1.10. Show Main Navigation

Display main navigation in header section?

1.10. Search Form in Header

Choose the header search form location and style.

1.11. Header Start Tour Text

Enter a label for start tour link. This link will be added to the header right section in header style 1. Leave it blank to remove the link.

1.12. Header Start Tour URL

Enter a URL (including http://) for start tour link.

1.13. Main Navigation for Logged In User

Choose which menu location to be used in this page. If left blank, Primary Menu will be used. You should first create menu and then assign to menu locations

2. Header Social Networks Color Options

Following is the list of options available for header social networs area

2.1. Icon Color

Use this option to set the header social network icon color.

2.2. Icon Hover Color

Use this option to set the header social network icon color on mouse over.

2.3. Border Color

Use this option to set the header social network section border color.

2.4. Background Color

Use this option to set the header social network section background color.

2.5. Hover Background Color

Use this option to set the header social network section background color on mouse over.

2.6. Header Start Tour Link Color

Use this option to set the header start tour link color.

0