Skip to content
Log in Sign up

How to add menu top bar (phone number / email address above menu)

A top bar is the thin strip above the menu where a phone number and an email address are shown. It is a single switch in the menu widget of your layout.

1 minute read

This article explains how to add a menu top bar like this:

Vehica inventory page on the front end with a narrow dark bar above the menu showing a phone number and an email address, and an arrow pointing at it
  1. 1 Edit the menu in Elementor

    The menu lives in your layout — see How to customize header (menu colors, font-size etc.) for the two ways to open it.

    Elementor's Edit Main Menu panel on the Content tab (Menu, Menu Height, Logo Height, Sticky Logo Height, Display Top bar, Logo) next to the section context menu with "Edit Main Menu" highlighted
  2. 2 Switch on "Display Top bar"

    The bar appears immediately above the menu in the preview.

    The Display Top bar switch turned on in the Edit Main Menu panel, with arrows pointing to it and to the new bar showing a phone number and an email address above the header in the preview

Ask the people who build Vehica

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?