Your storefront navigation menus are essential for helping users find their way around your site. A well-structured navigation system enhances user experience, reduces bounce rates, and guides visitors to your valuable content.
Navigate to Website
Click Edit Website to open the side panel
Click Navigation
ℹ️ INFO: Changes to these menus will be reflected throughout your storefront.
Edit the Navigation Menu
Uscreen provides two main navigation areas: the header (top) navigation and the footer navigation.
Manage Default Menu Items
When you click the gear icon ⚙️ next to a system navigation item, you can:
Hide or Show it on your website
Change its display Title
Select which page it links to
To make a menu item visible on your storefront, select the checkbox next to Show on website navigation and click Save & Apply to finalize the changes.
💡 TIP: The eye icon 👁️ serves as an indicator of whether a navigation menu item is visible on the website and is not clickable.
System Navigation Items
These are the built-in navigation items that serve a fixed role on your storefront. You can customize how they're labeled and where they link, but their underlying purpose doesn't change.
ℹ️ INFO: Home has a unique behavior: if you set it to link to a custom landing page, your Catalog is automatically added as a separate nav item so your content library remains accessible to visitors.
Item | Purpose | Customizable | Visibility |
Home | Your storefront's homepage | Title, link | Always visible |
Catalog | Your content library | Title | Can be hidden |
About | Your about page | Title | Can be hidden |
Donate | Your donations page | Title | Can be hidden |
Calendar | Your events calendar | Title | Can be hidden |
Community | Your community space | Title | Can be hidden |
📝 NOTE: Donate, Calendar, and Community only appear in your navigation when their respective features are enabled: Donations via Settings > Checkout, and Calendar and Community via their individual Settings. When enabled, they are added to your navigation automatically.
Create Drop-down Menus
To easily create drop-down menus:
Add your main parent menu item
Drag the submenu items below and to the right of the parent item
💡 TIP: If a page has a drop-down menu, it prioritizes displaying drop-down options over the main link. Consider using generic terms for parent navigation and including important links as drop-down options.
Add Custom Links
To add external links to your navigation:
Click Add navigation link
Enter a title for your menu item
Select Use Custom URL
Enter the full URL (after
https://)Click Save & Apply
Adding Email Links
You can add email links to your navigation menu by:
Choosing Custom URL
Entering your email as
mailto:youremail@yourdomain.com
Rearrange the Menu Items
To change the order of your menu items:
Click and hold the drag handles (⋮⋮) on the left side of the menu item
Drag the item to your desired position
Release to place it in the new position
Remove Menu Items
To remove an item from your navigation menu:
Find and click the menu item you want to remove
Click Delete and confirm the deletion
💡 TIP: Instead of deleting, you can hide the menu item by unticking the checkbox (Show on website navigation) under Visibility.
Edit Header
The Edit Header panel is a separate section within Navigation that controls the built-in buttons and logo link displayed in your storefront header.
To access it:
Navigate to Website
Click Edit Website to open the side panel
Click Navigation
Click Edit Header at the Top Navigation card
The following items can be configured:
Item | Purpose | Customizable | Visibility |
Join button | Encourages non-members to sign up | Button text, link | Can be hidden |
Sign In button | Lets existing members log in | Button text | Always visible |
Logo link | Destination when users click your logo | Link | Always visible |
📝 NOTE: The Join button links to your Join page by default. If you have no public subscriptions available, clicking it will redirect visitors to the Catalog instead.
🔗 Learn more about the Join Us Page
Add Social Media Icons
You can also add social media links to the footer of your storefront.
Navigate to Website
Click Edit Website to open the side panel
Click Navigation
Click on /about to open the About page
On the About page, click Add Contact Details
Add your social profile URLs
Click Save & Apply
Once you've added your URLs, these social media icons will automatically appear in the footer section of your site.
💡 TIP: To remove a social media icon, simply delete the URL from your About page contact details. This will remove the icon from your footer navigation.
🔗 Learn more about the Social Media Icons
Responsive Navigation Behavior
Your store's navigation menu automatically adapts to different screen sizes.
If you have many navigation elements or items with long names, the system will automatically hide them and display a burger menu instead when there isn't enough space
This ensures all navigation items remain accessible regardless of device size
The behavior is influenced by the number of navigation items, their name lengths, and the width of the device
💡 TIP: If you prefer to have all navigation items visible in the header, consider reorganizing the menu to optimize space or using shorter menu item names.
Remove Powered by Uscreen
Store on Uscreen Plus can remove the Powered by Uscreen by requesting this from their Success Manager. If you're not yet on Uscreen Plus, reach out to our Sales team to discuss an upgrade.
⚠️ WARNING: The {{ uscreen_block }} or {{ footer_uscreen }} contains embedded scripts required for some integrations to function. Improper removal of the footer through custom code is not recommended and may break the functionality of those integrations.
FAQs
Can I create a third-level dropdown menu (submenu within a submenu)?
Can I create a third-level dropdown menu (submenu within a submenu)?
The current navigation system only supports two-level navigation structures (a main item with dropdown items). For more complex structures, consider reorganizing your content or using landing pages to create a more detailed navigation experience.
How do I add a members-only section to my navigation?
How do I add a members-only section to my navigation?
You can add a members-only tab to your navigation menu through the Storefront Navigation Menus feature. However, there's no built-in feature to show menu items only when a user is logged in. This would require custom code, which is outside the scope of direct support.
Why is my navigation menu not displaying all items?
Why is my navigation menu not displaying all items?
If your store has a lot of navigation elements in the header, especially with long names, the system automatically hides them and displays a burger menu instead. This ensures all navigation items remain accessible while maintaining a clean design.
How do I create a dropdown menu on mobile devices?
How do I create a dropdown menu on mobile devices?
The mobile navigation automatically converts your dropdown menus into an expandable format suitable for mobile screens. The system handles this automatically based on your desktop navigation structure.