Menus & Navigation
Menus decide which links visitors see in the public site. Use them for the main header, top utility links, secondary navigation, mobile menu, and footer links.
Menus control the links. Header and Footer settings control how those links are arranged on the page.
Menu areas
Scorecenter gives you five navigation areas:
| Area | Where it appears | Best use |
|---|---|---|
| Header | Main navigation bar | Your most important pages and sections |
| Top Bar | Small row above the header | Utility links, legal links, language or social shortcuts |
| Sub Nav | Row below the header | League shortcuts, content categories, tournament sections |
| Footer | Site footer link row | About, contact, privacy, terms, advertising pages |
| Mobile | Mobile menu drawer | A simplified version of the header menu for phones |
You can give each area its own links and order. On multilingual sites, each language can have its own menu text and link choices.
Menu item types
Each menu area can contain:
Link or button style
Top-level menu items can look like a normal text link or like a button. Use the button style sparingly for one or two items that need emphasis, such as:
- Subscribe
- Get app
- Sign up
- Betting offers
- Live scores
For button-style items you can choose:
| Setting | What it changes |
|---|---|
| Background color | The button fill color |
| Text color | The label and icon color |
| Icon | Optional symbol shown before the label |
Use your site colors when possible so the menu still feels consistent with the rest of the design.
Header relationship
The Header menu area supplies the main desktop navigation. Header layout options live in Settings -> Header, where you can choose:
- inline or stacked header layout
- sticky or non-sticky header
- logo alignment
- header divider style
- active menu indicator style
- built-in visitor buttons such as search or theme toggle
- custom header action buttons
Use Menus for the links. Use Settings -> Header for the header structure and buttons around the links.
Footer relationship
The Footer menu area supplies the normal footer link row. More advanced footer layouts are configured in Settings -> Footer.
In Footer settings you can:
- choose a simple, standard, columns, or rich footer layout
- add manual link columns
- create columns from existing menu areas
- add about text, legal notices, and copyright text
This lets you keep simple footer links in Menus, while building a larger footer structure in Settings -> Footer when needed.
Mobile navigation
Use the Mobile menu area when the desktop header is too large for phones. Keep mobile navigation shorter than desktop navigation:
- prioritize the most visited pages
- avoid deep dropdowns
- keep labels short
- place account, app, or subscription actions near the top
Mobile bottom navigation, if enabled, is configured separately from the main mobile menu.
Creating or editing a menu
Select the language
If your site has several languages, choose the language you want to edit first.
Choose the menu area
Pick Header, Top Bar, Sub Nav, Footer, or Mobile.
Add links
Add a page link, external link, dropdown, or mega menu.
Adjust presentation
Decide whether important items should remain normal links or appear as buttons with optional colors and icons.
Reorder and save
Drag items into the order you want, then save. Review the public site on desktop and mobile.
Practical advice
- Keep the Header menu focused. Too many top-level links make the site harder to scan.
- Use one highlighted button in the header when possible. More than two starts to feel noisy.
- Use Footer columns for larger link groups instead of putting every link into one long footer row.
- Keep Mobile simpler than desktop.
- Check menus after changing page slugs, deleting pages, or adding a new language.