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 on the settings icon (gear) next to your default navigation items, you can:
Hide or show them on your website
Change their display name
Select which page they link 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.
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 (six dots) 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.
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
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.
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 sales@uscreen.tv 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.