• Home
  • Quick Start
    • Color Schemes
  • Documentation
    • Shortcodes
    • JaW Hooks
    • Screenshots of ThemeOptions
  • Tutorials
  • Forum
  • Contact
Log In

  • Home
  • Quick Start
    • Color Schemes
  • Documentation
    • Shortcodes
    • JaW Hooks
    • Screenshots of ThemeOptions
  • Tutorials
  • Forum
  • Contact

HomeTop Bar

Top Bar

Theme Options > Header Settings > Top Bar

This is the bar at the top of your page, which, depending on your settings in this section, can contain some added informations like date, social icons, search field etc. The following options allow you to set both the behaviour and appearance, as well as the content of your top bar.

top bar


Show Top Bar

Turn this option on if you want to display the top bar.


Top Bar Color Scheme

Select a color scheme from the drop-down list of those you have created in Theme Options > Styling Options > Main Color Scheme. Colors from the chosen preset will be applied to your top bar.


Fullwidth Top Bar

Decide whether or not to show your top bar over the entire width of page.

top bar - non wideCompare the difference between normal and fullwidth Top Bar (fig. below).

top bar - full width


Fixed Top Bar

Turn on this option if the top bar has to be permanently displayed, independently on scrolling the page.

Permamently visible - Turn on this option if the top menu bar has to be permanently displayed, independently on scrolling the page.
Show when scroll up - Turn on this option if the top menu bar has to be displayed during scrolling the page.


Show Date

Choose whether or not and where to show date in the top bar - either on desktop or on desktop and tablets. Select an appropriate option.


Date Format

Here you can specify a date format using the format characters. Here is what each of them represents:

F - Full name for the month
j - The day of the month
Y - The year in 4 digits (lower-case y gives the year´s last 2 digits)


Show Text

Choose whether or not and where to show your text in the top bar - either on desktop or on desktop and tablets. Select an appropriate option.


Text Content

Fill the field with your text that will or won't be visible in the top bar depending on the Show Text setting above.


Show Menu

Choose whether or not and where to show your menu in the top bar - either on desktop or on desktop and tablets. Select an appropriate option.

  • NOTE: To enable the menu, go to Appearance > Menus, choose the menu you need and tick the Top Bar Navigation option in Theme locations settings.


Show Social

Choose whether or not and where to show social icons - either in the top bar on desktops or on desktops and tablets. Select an appropriate option and continue filling the following available fields with URLs of your associated social accounts or pages.
  • Facebook
  • Twitter
  • Google Plus
  • YouTube
  • Vimeo
  • LinkedIn
  • Pinterest
  • Instagram

Show Search

Choose whether or not and where to show Search box - either on desktops or on desktops and tablets.

Show Login & User Content

Choose whether or not and where to show Login & User Content - either on desktops or on desktops and tablets.

Previous

Next

If you have any issues, please give us a feedback

If you like GDayNews Theme, we would be very happy for stars rating 🙂

  • Welcome
  • Installation
    • Browser Requirements
    • Server Requirements
    • System Requirements
    • Installation Procedure
    • Install Demo Data
    • Performance Optimization
  • Theme Options
    • Welcome
    • General Settings
    • Header Settings
      • Header Area
      • Top Bar
      • Above Logo Area
      • Menu
      • Under Menu Area
      • Breadcrumbs
    • Footer Settings
    • My News
    • Blog & Posts
      • Posts Settings
      • Main Blog
    • JaW Gallery Settings
    • Single Post
    • Sidebar Manager
    • Custom Stylesheets
    • Custom Scripts
    • Styling Options
      • Background
      • Color Settings
      • Other
    • Typography Options
    • Advertisement
      • Background
      • Leaderboard
      • Header – Beside Logo
      • Skyscraper Right
      • Skyscraper Left
      • In Post – Top
      • In Post – Bottom
      • In Post – On Side
      • In JaW Gallery
      • Custom Banner 1
      • Custom Banner 2
      • Custom Banner 3
      • Custom Banner 4
      • Custom Banner 5
      • Custom Banner 6
      • Custom Banner 7
      • Custom Banner 8
      • Custom Banner 9
      • Custom Banner 10
    • Error 404
    • Backup
    • Demo
    • Cache
    • Translations
    • API Keys
  • Pages
    • REVO Composer Page Builder
    • General Settings
  • Posts
    • General Settings
    • Ratings Settings
  • Categories
  • Menu
  • Slider
  • Widgets
  • Shortcodes
  • Sources and Credits
  • Copyright
  • How to …
Copyright © 2016 jawtemplates - WordPress Design Studio Disable responsivity