There are two sections on the top bar: left top bar and right top bar.

To edit those widgets, you can go to your Dashboard => Appearance => Widgets => “Top bar – left” and “Top bar – right”

This is our default text of text widget on the left top bar:

<ul>
<li class="phone-topbar"><i class="ion ion-ios-telephone"></i> Need help? Call us now: <a class="special-link" href="#">(+88) 12 345 6789</a></li>
<li class="email-topbar"><i class="ion ion-android-mail"></i><a class="normal-link" href="#">[email protected]</a></li>
</ul>

On the right top bar has navigation menu widget and text widgets which have been added the shortcodes.

If you can’t see search icon and login popup on the right top bar, you can go to Dashboard => AE  Templates => Copy the shorcodes. Then you go to Dashboard => Appearance => Widgets => Top bar – right => Edit text widgets => Paste the shortcodes which you copied before.

If you don’t see the Register option on your Login Popup. The reason is you didn’t enable the register option on your website.

To enable it, you need to go to your Dashboard => Settings => General => General Settings => Membership => enable it.

  • To change the background color and height  for the top bar, you need to go to your Dashboard => Appearance => Customize => Header => Top bar, then change the background color.
  • To change the font size and color of the texts on the top bar, you need to go to your Dashboard => Appearance => Customize => Header => Top bar => , then change the font size and color.