Blog menu

by Admin on Oct 05, 2025

1. What is the Blog Menu?

The Blog Menu is a visually rich mega menu style that pulls in blog posts with thumbnails, titles, and short descriptions. It helps drive traffic to your educational or inspirational content straight from your main navigation.

2. When to use the Blog Menu?

You publish regular blog content (e.g., tips, guides, product use cases).
You want to highlight educational content directly in your store's navigation.
You want to boost engagement and SEO through increased blog visibility.

3. What are the differences between Blog and Blog posts?

To better understand the guide, let's distinguish:

💡 Blog: A collection of many blog posts.

💡 Blog posts: Individual articles you write and publish on your blog(s). Each post typically consists of a title, content (text, images, videos), and other elements like tags or categories.

4. How to set it up?

To make a Blog menu fully yours, there are 3 processes to go through:

Process 1. 🤔 Prepare your Blog in the Shopify admin.

STEP 1: In your Shopify admin, go to Content > Blog posts.

STEP 2: On the top right, select the "Manage blogs" button, and click "Add blog".

STEP 3: Give your new blog a Title, and click Save. (For example: Featured articles)

STEP 4: One more time, click on the Blog posts tab under Content. Now, find the blog posts you want to show on the menu and click to open them.

STEP 5: Scroll down to the Organization section, under Blog, and choose the right blog name that you just created.

STEP 6: Click "Save" when done.

Process 2. 🤔 Assign the created menu to the Blog Menu block

STEP 1: Go to Online Store > Themes > "Customize".

STEP 2: In the Theme Editor, under Header, find the Header section.

STEP 3: Click "Add block", then tap on the Blog menu.

STEP 4: 📌 Important step: Give the main menu a title:

Enter the menu title in the Menu Item field.

⚠️ Note: You must enter this field for your menu to appear on the site.

STEP 5: Still in the Blog menu block, find the Blog setting, click "Select", then find and choose the blog you created as guided in process 1.

STEP 6: Click "Save" when done.

Process 3. 🤔 Customize the Blog menu

You've finished with the two most important processes. However, there is still some more work to do to achieve that final result. Depending on your needs, just find the corresponding guide below and take action:

📌 3.1. To attach a link for the main menu:
In Theme Editor > Header section > *Blog menu* block > Click to choose or enter a link in the Menu item link field. (Optional) Turn on the setting to open the link in a new tab.
📌 3.2. To adjust the numbers of rows/columns:
In the Theme Editor, go to Header section > *Blog menu* block > Scroll down to find the part that says Number of columns and Number of rows → Drag to adjust or enter a number.
📌 3.3. To adjust the blog post images shown on the menu:
✨ To show/hide featured images of the blog:	In the Theme Editor, go to Header section > *Blog menu* block > Scroll down to find the Blog post setting group > Turn on Show featured image
✨ To change the featured images ratio on the menu:	In the Theme Editor, go to Header section > *Blog menu* block > Scroll down to find the Blog post setting group > Choose the Image ratio.
📌 3.4. To show an excerpt for the blog right on the menu:
In the Theme Editor, go to Header section > *Blog menu* block > Scroll down to find the Blog post setting group > Turn on Show excerpt.
📌 3.5. To add a label to the menu:
In the Theme Editor, go to Header section > *Blog menu* block > Scroll down and find the Menu Label section on the right panel. From here, you can: STEP 1: Enter the text you want to show on the label into the Label field. STEP 2: Change the text & label color. STEP 3: Add an icon to the label, choosing one of the 3 ways: Method 1: Choose from the Icon drop-down list. Method 2: Find an icon from the Icon library, copy and enter its name into the Use another icon field. Method 3: Upload a custom icon image. STEP 4: Save when done. ⚠️ Note: Leave everything blank to remove the label.

Need help? Contact our support team at Omni Themes Support.