Navigation

Getting Started

How-To Help Videos

Admin Settings

Business Hub

Customize Your Store

Customer Account Area

FAQs & Troubleshooting

Other Resources

  1. DecoNetwork Help
  2. Website Configuration
  3. Theme, Design & Panels

How to Edit What Information Is Displayed in the Header

Avatar
Lee Prazner
Updated

Your website header plays a critical role in how customers navigate and interact with your store. DecoNetwork allows you to control what appears in the header, how navigation behaves, and how the header responds as users browse your site.

In This Article

Prerequisites

  • You have Admin access or Web Developer permission for your DecoNetwork account

Why Configure Page Options?

Page Options allow you to quickly control how your website header and navigation behave, without needing to redesign your site. These settings help you:

  • Improve usability by showing key tools like search, cart, and login
  • Optimize navigation for desktop and mobile users
  • Control how menus display (simple, mega menu, or hidden)
  • Create a consistent or tailored experience across different pages

Step 1: Access Design Page Options

  1. Go to Admin → Websites
  2. Click Manage on your website
  3. Select Edit Website → Website Pages
  4. Navigate to Design → Page Options

Page Options.png

Access Page Options from the Design section in Website Editor

Step 2: Configure Header Elements

You can choose which elements appear in the header outside of your main navigation.

  • Show currency selector
  • Show shopping cart
  • Show search bar
  • Show telephone number
  • Show login/register links
Tip: Only enable the elements your customers need. Too many header items can clutter the experience.

Step 3: Configure Navigation Behavior

Page Options let you control how your navigation menus behave, especially when subpages are present.

Dropdown Menu Options

  • Simple dropdown: Displays subpages as a text list
  • Mega menu: Uses a wider, more visual layout (requires width configuration)
  • Hide dropdown: Removes sub-navigation entirely
Note: Dropdown arrows will only appear if a page has child pages (subpages).

Navigation Overflow Options

  • Wrap: Navigation items stack onto multiple lines on smaller screens
  • Use "More": Extra items are grouped under a three-dot menu
Tip: Mobile devices automatically use the "More" option for better usability.

Step 4: Configure Header Behavior

You can control how the header behaves when users scroll your site using the Fixed Header setting.

  • Keep header visible when the page scrolls down: The header remains fixed at the top of the screen as users scroll (commonly known as a sticky header).
  • Scroll the header off the page when the page scrolls down: The header disappears as users scroll down the page.
Tip: Use Keep header visible when the page scrolls down to ensure customers can always access navigation, search, and cart.

Step 5: Override Header Settings Per Page

While Page Options apply globally, you can override header settings on individual pages using the Advanced Settings.

  1. Open a page in the Website Editor
  2. Click Advanced Settings in the bottom toolbar
  3. Adjust the Fixed Header options:
    • Default (uses global Page Options setting)
    • Keep header visible when the page scrolls down (keeps the header visible at the top of the screen)
    • Scroll the header off the page when the page scrolls down (makes the header disappear as the user scrolls)
Tip: Use Default for consistency across your site, and only override these settings for specific pages like landing pages or campaigns.
Note: This allows you to create different experiences for landing pages versus product pages.

Step 6: Configure Additional Page Options

Additional settings allow you to fine-tune layout and user experience.

  • Breadcrumbs: Show navigation path within the page
  • Social sharing: Allow users to share products/pages
  • Page content margin: Add spacing on left and right sides
  • Image quality vs load speed: Control image performance
Tip: The default image quality setting provides a good balance between sharpness and speed.

Best-Practice Tips

  • Keep your header clean. Only display essential tools
  • Use sticky headers to improve navigation accessibility
  • Choose "More" overflow for cleaner mobile navigation
  • Use page-level overrides for landing pages or campaigns

Troubleshooting

  • Header not staying visible while scrolling: Ensure Keep header visible when the page scrolls down is selected in Design → Page Options
  • Header still visible when it should scroll away: Confirm Scroll the header off the page when the page scrolls down is selected and refresh your site
  • Dropdown menu still visible after hiding: Click Save and refresh your site
  • No dropdown arrows showing: Ensure the page has child pages
  • Navigation looks crowded: Switch to "More" overflow or remove items

FAQs

Can I configure header behavior per page?
Yes. Use Advanced Settings within each page to choose either: Keep header visible when the page scrolls down or Scroll the header off the page when the page scrolls down for the Fixed Header field.

What does "Keep header visible when the page scrolls down" mean?
It keeps the header fixed at the top of the screen (a sticky header) so customers can always access navigation and cart.

What does "Scroll the header off the page when the page scrolls down" do?
It hides the header as users scroll down, giving more space for page content.

What is a mega menu?
A mega menu is a wider dropdown layout that can display more structured navigation content.

Do these settings affect mobile devices?
Yes. However, mobile navigation automatically simplifies using the "More" menu.

Additional Resources

Still have questions? Use the Search Tool at the top of the page to find more related guides. Need help? Click the icon to submit a support ticket—our Client Services team is ready to assist!

Related articles

Comments

0 comments

Please sign in to leave a comment.