Masonry theme support

Header and footer

Header section

Navigation

Masonry supports up to three tiers of main menu navigation, using two different styles of animation to display these on the desktop – ‘Flyout‘ and ‘Inside‘.

‘Flyout’ shows side-by-side layers of links and looks like this:

‘Inside’ displays only one layer of links at a time and looks like this:

Find more details on setting up Shopify navigation here.

Tip: If some of your menu options are already expanded, when you visit your homepage, this is just a simple set up issue – not a bug. You won’t need to alter any code to fix it. The likely problem is that you have set the top menu items to link to your homepage. So when you visit the homepage, it intentionally expands these active items. You need to set each of these top-level menu items to link to web address # – the hash/pound symbol.

Announcement bar

Add an announcement bar at the top of your Masonry Shopify theme site, to promote your latest offers – add a link to a specific product or offer page, and choose a colour for the bar.

Promotional links

You can add promotional links, in the style of buttons, to the bottom of your navigation. Ideal for adding calls to action like ‘SALE NOW ON’ and ‘OUR STORY’.

Footer section

Payment icons

Payment icons are pulled directly from Shopify based on your payment settings.

Additional text

Footer text such as “Powered by Shopify” and “Theme by Clean Canvas” can be edited in the Language Editor.

Did you find this article helpful?