How can I add a secondary navigation under the mega-menu?

Hello, I’m working on a client’s site that is running the Streamline theme and they are wanting to add in a secondary line of text/and or links under the native mega-menu in the header. Does anyone know how to add that into the liquid file?

Thank you so much for any help, I’m always looking to learn so I would much rather do the work to add this new section in.

1 Like

@WolfTech777

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like

Thank you, that link is: https://reminiss-memorials.myshopify.com

1 Like

@WolfTech777

thanks or its you have add some header under menu so can you try your header code copy and page

1 Like

@KetanKumar Sure thing, please see below and thank you so much for helping:

{% comment %}
menu_alignment options:

  • left
  • left-center
  • center-left
  • center-split
  • center
  • right
    {% endcomment %}

{%- liquid
assign main_menu = linklists[section.settings.main_menu_link_list]

assign menu_alignment = section.settings.main_menu_alignment
assign logo_alignment = ‘left’
if menu_alignment == ‘center-left’ or menu_alignment == ‘center-split’ or menu_alignment == ‘center’
assign logo_alignment = ‘center’
endif
if menu_alignment == ‘right’
assign logo_alignment = ‘left-right’
endif

if main_menu == blank
assign logo_alignment = ‘center’
endif

assign mobile_menu_style = ‘thumb’

assign template_name = template | replace: ‘.’, ’ ’ | truncatewords: 2, ‘’ | handle

assign overlay_header = false
if template_name == ‘index’ and section.settings.sticky_index
assign overlay_header = true
endif
if template_name == ‘collection’ and collection.image and section.settings.sticky_collection
assign overlay_header = true
endif
-%}

{%- render ‘slide-nav’,
section: section,
main_menu: main_menu,
mobile_menu_style: mobile_menu_style
-%}
{%- if settings.cart_type == ‘sticky’ -%}
{%- render ‘sticky-cart’, mobile_menu_style: mobile_menu_style -%}
{%- endif -%}

{%- style -%}
.slide-nav,
.slide-nav button {
font-size: {{ settings.type_navigation_size }}px;
}

{% if mobile_menu_style == ‘thumb’ %}
body {
{% comment %}
Thumb menu button height + padding + 40
{% endcomment %}
padding-bottom: 148px;
}
{% endif %}

{% if mobile_menu_style == ‘top’ %}
body.screen-layer-open {
{% comment %}
Space for the close modal button
{% endcomment %}
padding-bottom: 40px;
}
{% endif %}

{% if overlay_header %}
@media only screen and (min-width: 769px) {
.collection-hero__content .section-header–hero {
margin-top: 40px;
}
}
{% endif %}
{%- endstyle -%}

{%- if section.settings.show_announcement -%}
{%- if section.settings.show_announcement_home_only -%}
{%- if template == ‘index’ -%}
{%- render ‘announcement-bar’, section: section -%}
{%- endif -%}
{%- else -%}
{%- render ‘announcement-bar’, section: section -%}
{%- endif -%}
{%- endif -%}

{% comment %}
Logo is used as a between-screen loader, so we only
show the mobile logo on the home page (setting to override)
{% endcomment %}
{%- assign mobile_logo_only = true -%}

{%- if logo_alignment == ‘left’ or logo_alignment == ‘left-right’ -%}

{%- render 'header-logo-block', section: section -%}
{%- endif -%}

{%- if logo_alignment == ‘left’ -%}

{%- render 'header-desktop-nav', main_menu: main_menu -%}
{%- endif -%}

{%- if logo_alignment == ‘center’ -%}

{%- if menu_alignment == 'center' or menu_alignment == 'center-split' -%} {%- if section.settings.header_search_enable -%} {%- endif -%} {%- endif -%}

{%- if menu_alignment == ‘center-left’ -%}
{%- render ‘header-desktop-nav’, main_menu: main_menu -%}
{%- endif -%}

{%- if menu_alignment == ‘center-split’ -%}
{%- render ‘header-split-nav’, main_menu: main_menu, section: section -%}
{%- endif -%}

{%- if menu_alignment != ‘center-split’ -%}

{%- render 'header-logo-block', section: section -%}
{%- endif -%} {%- endif -%}

{%- if logo_alignment == ‘left-right’ -%}

{%- render 'header-desktop-nav', main_menu: main_menu -%}
{%- endif -%}

{% comment %}
Center mobile logo if icons are not visible
{% endcomment %}

{%- render 'header-icons', section: section, menu_alignment: menu_alignment -%}

{%- if menu_alignment == ‘center’ -%}

{%- render 'header-desktop-nav', main_menu: main_menu -%}
{%- endif -%}

{%- if mobile_menu_style == ‘thumb’ -%}
{%- if main_menu != blank -%}

{%- endif -%} {%- endif -%}

{%- if section.settings.header_search_enable -%}
{%- render ‘search-modal’ -%}
{%- endif -%}

{% schema %}
{
“name”: “Header”,
“settings”: [
{
“type”: “header”,
“content”: “Layout”
},
{
“type”: “select”,
“id”: “header_style”,
“label”: “Desktop style”,
“default”: “button”,
“options”: [
{
“value”: “button”,
“label”: “Sticky button”
},
{
“value”: “bar”,
“label”: “Sticky bar”
},
{
“value”: “top”,
“label”: “Top only”
}
]
},
{
“type”: “select”,
“id”: “main_menu_alignment”,
“label”: “Header layout”,
“default”: “right”,
“options”: [
{
“value”: “right”,
“label”: “Logo left, menu right”
},
{
“value”: “left-center”,
“label”: “Logo left, menu center”
},
{
“value”: “center-left”,
“label”: “Logo center, menu left”
},
{
“value”: “center-split”,
“label”: “Logo center, menu split”
},
{
“value”: “center”,
“label”: “Logo center, menu below”
}
]
},
{
“type”: “checkbox”,
“id”: “sticky_index”,
“label”: “Overlay header over home page”
},
{
“type”: “checkbox”,
“id”: “sticky_collection”,
“label”: “Overlay header over collection”,
“info”: “(if collection image is enabled)”
},
{
“type”: “checkbox”,
“id”: “header_search_enable”,
“label”: “Enable search”
},
{
“type”: “header”,
“content”: “Logo”
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: “Logo”
},
{
“type”: “image_picker”,
“id”: “logo-inverted”,
“label”: “White logo”,
“info”: “Used when on top of an image”
},
{
“type”: “range”,
“id”: “desktop_logo_width”,
“label”: “Desktop logo width”,
“default”: 200,
“min”: 80,
“max”: 400,
“step”: 10,
“unit”: “px”
},
{
“type”: “range”,
“id”: “mobile_logo_width”,
“label”: “Mobile logo width”,
“default”: 140,
“min”: 50,
“max”: 200,
“step”: 10,
“unit”: “px”,
“info”: “Set as a max-width, may appear smaller”
},
{
“type”: “checkbox”,
“id”: “logo_hide_mobile”,
“label”: “Hide logo on mobile pages”,
“default”: true,
“info”: “Maximizes screen space for your content. Add your logo under Animations to show your logo as the page loads instead. Logo always shows on home page.”
},
{
“type”: “header”,
“content”: “Navigation”
},
{
“type”: “link_list”,
“id”: “main_menu_link_list”,
“label”: “Menu”,
“default”: “main-menu”
},

{
“type”: “header”,
“content”: “Announcement bar”
},
{
“type”: “checkbox”,
“id”: “show_announcement”,
“label”: “Show an announcement”
},
{
“type”: “checkbox”,
“id”: “show_announcement_home_only”,
“label”: “Home page only”
},
{
“type”: “text”,
“id”: “announcement_text”,
“label”: “Announcement text”,
“default”: “Free shipping and returns”
},
{
“type”: “url”,
“id”: “announcement_link”,
“label”: “Announcement link”
}
]
}
{% endschema %}

@WolfTech777

yes, please create new section code and add theme.liquide below header section

1 Like

@KetanKumar Perfect, thank you!!

1 Like

@WolfTech777

it’s my pleasure to help us

1 Like