Top bar templates

The top bar is located in the top section of the header and gives you the option to display the data, top menu, social icons and log in/join section. Newspaper theme comes with 4 templates to give you the freedom to customize this section to best fit your needs.

Important note: This is only available if you use a default header style and not a Cloud library template for your header. Please read the Header Manager section when using Cloud Templates.

Top bar templates options

There are  5 default layouts for the top bar you can choose from.

The top bar theme panel section contains the following options:

  1. Enable top bar – The theme comes with the Top Bar enabled by default. If you would like to disable it just go to Theme Panel – Header and expand the Top Bar section. Turn off the button in the Enable Top Bar section.
  2. Top Bar Layout – You can decide how to order the top bar items. To do that go to Theme Panel – Header and expand the Top Bar section. Choose one of the four layouts and click on it.
  3. Show Top Menu – This option allows you to enable or disable menu in the top bar. To do that go to Theme Panel – Header and expand the Top Bar section. Turn the button on or off to Enable or Disable menu Top Bar section.
  4. Select the top menu – You can decide what menu you want to display in the top bar section. Go to Theme Panel – Header and expand the Top Bar section. Select the desired menu from the drop box option.
  5. Show social icons – In the top bar, you can add Social Icons. To do that go to Theme Panel – Header and expand the Top Bar section. Turn the button on or off to Enable or Disable Social Icons for Top Bar section
  6. Show Sign in / Join – In the top bar, you can add Social Icons. To do that go to Theme Panel – Header and expand the Top Bar section. Turn the button on or off to Enable or Disable Sign in / Join section in the Top Bar
  7. Show date – You can display the date in the top bar. To do that go to Theme Panel – Header and expand the Top Bar section. Turn the button on or off to Enable or Disable Date section in the Top Bar
  8. Date format – After you decide to add the date in the top bar, just type the desired format to display it.
  9. Javascript date – Enable this if you use a cache plugin, it displays the local data.
  10. Show weather – It displays weather info for the selected location.
  11. API key – Insert the API key for the top bar widget.
  12. Location – Here you add the location for the weather info panel
  13. Units – Choose what units to use when showing the temperature (Celsius or Fahrenheit)

After you finished customizing this section click the Save Settings button.