Removing Page Links from the Header (Blueprint Themes)

 

These instructions requires knowledge of HTML/CSS. See Getting Help for avenues of assistance.

These instructions apply to our free, legacy Blueprint themes except Classic Next, Beautification, and Health and Beauty that have not been customized.

As always, we recommend backing up your current theme customizations before making any changes.

All free Blueprint themes except Classic Next, Beautification, and Health and Beauty display both category and web page links in their top navigation bar. Having too many links at the top can make things cluttered and difficult to navigate. 

Categories and Web Page links examples.

If you only want category links in the heading, follow these instructions to remove the web page links from the header. Web page links will still appear in the footer area. 

1. Go to Storefront Design › My Themes, then click Edit HTML/CSS.

Edit HTML/CSS

2. In the list of Other Template Files on the left, click Header.html.

Use Ctrl F or Command F to quickly locate template files in the list.

3. Locate and delete the %%Panel.PagesMenu.html%% variable.

The %%Panel.PagesMenu%% variable.

4. Save your changes. Your theme should now only display category links in the header navigation.

Example of categories displaying after customization.

Go to My Themes in my store

Getting Help

Check out our BigCommerce Partners Directory or our Community Design Group. Due to our Design Policy, our Techincal Support is unable to edit code or make design changes.

Was this article helpful?