Help Center
Login

How to edit Eshop Menus (Top Header, Header, NavBar & Footer)

Edit menu entries for my Eshop

Last updated:

Editable Navigations

From Menu section, Common Ground Eshop offers up to 4 editable navigations:

  • Top Header: Visible at the top of your Eshop, it's ideal for displaying your business hours, sales terms, or cookie preferences.

Note: This menu is hidden in mobile view.

  • Header: This is the main menu at the top of your site, including your logo, search, or cart access.

  • Navbar: The Nav allows you to add a secondary level of navigation positioned below the Header. It can also be displayed vertically as a menu on the left side of the screen from the Theme Settings.

  • Footer: This menu is displayed at the bottom of the site.

To edit a menu, after selecting it, simply drag a preset menu element from the left side of the screen to the right side. You can add groups to create columns, grouping links to your catalog, pages, etc. Here is the list of available menu element presets on the left:

  • Image: Add logos or images.

  • Link: Add internal or external links.

  • Dropdown: Create drop-down menus.

  • Text / HTML: Add text or HTML code.

  • Group: Create columns.

  • Subscribe: Display the newsletter signup window.

  • Language selector: Display the available languages for your Eshop.

  • Cookie consent: Open the cookie consent preferences modal.

  • Social networks: Display social media icons.

  • Search: Display a searchbar

  • YOUR LINKS & DEFAULT LINK PRESETS (Terms, Shippings...): Text Links

Note: To create internal redirects, use an address like "/catalogue" in the URL to avoid reloading the entire application when clicked and to preserve audio playback in the background.

You can Delete content by clicking the 'X' cross icon. Use the up and down arrows on the right to rearrange your content.

Finally, Submit your changes via the button at the top right of the screen.

Display opening hours in the Top Header

Opening hours can be displayed prominently in your Eshop’s Top Header.

  1. Go to Eshop Editor → Menus → Top Header.

  2. Drag the Text / HTML element into Your Menu.

  3. Edit the element and enter your opening hours using simple HTML. For example:

<p>OPEN WEDNESDAY–SATURDAY, 12:00–18:00</p>

The text between the opening <p> and closing </p> tags will appear in the Top Header. Keep the message short so that it displays clearly on one line.

  1. Select Submit to save your changes.

If the Top Header does not appear, go to Eshop Editor → Themes, open your active theme, select Settings, and enable Display a top header menu.

Note: The Top Header is hidden on mobile devices. If your opening hours must also be available on mobile, consider adding them to the Footer or to a dedicated store-information article.

Avoid animated HTML elements such as <marquee>. They are obsolete, can reduce accessibility and may behave inconsistently across browsers.

Was this article helpful?