Hi, I have created a store using the Vogue theme in Shopify. I want to highlight my current menu selection. I would like the selection to be made bolder and a lighter color. Any help would be appreciated
This is the code I see in the header..
{% if section.settings.navigation_style == ‘sidebar_stays’ %}
{% assign has_sidebar = true %}
{% else %}
{% assign has_sidebar = false %}
{% endif %}
{% if template contains ‘gift_card’ or template contains ‘password’ %}
{% assign has_sidebar = false %}
{% assign hide_nav = true %}
{% endif %}
{% assign enable_announcement = section.settings.show_announcement %}
{% assign homepage_only = section.settings.homepage_announcement %}
{% assign show_announcement = false %}
{% if enable_announcement and homepage_only == false %}
{% assign show_announcement = true %}
{% endif %}
{% if enable_announcement and homepage_only and template.name == ‘index’ %}
{% assign show_announcement = true %}
{% endif %}
{% if section.settings.announcement_text == blank %}
{% assign show_announcement = false %}
{% endif %}
{% if has_sidebar %}
{% else %}
{% endif %}
{% if show_announcement %}
{% endif %}
{% capture primary_menu %}{{ section.settings[‘sidebar_menu_1’] }}{% endcapture %}
{% capture secondary_menu %}{{ section.settings[‘sidebar_menu_2’] }}{% endcapture %}
{% if has_sidebar %}
{% if template contains ‘product’ %}
{% assign sidebar_class = ‘product-main-sidebar’ %}
{% else %}
{% assign sidebar_class = ‘main-sidebar’ %}
{% endif %}
{% include ‘main-navigation’ %}
{% include ‘main-navigation-footer’ %}
{% endif %}
{%
include ‘main-header’,
logo: section.settings.logo,
logo_width: section.settings.logo_width,
mobile_logo: section.settings.mobile_logo,
mobile_logo_width: section.settings.mobile_logo_width,
hide_nav: hide_nav
%}
{% include ‘main-navigation’ %}
{% include ‘main-navigation-footer’ %}
{% schema %}
{
“name”: “Header”,
“settings”: [
{
“type”: “header”,
“content”: “Logo”
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: “Desktop logo”
},
{
“id”: “logo_width”,
“type”: “range”,
“label”: “Desktop logo image width”,
“min”: 50,
“max”: 300,
“step”: 5,
“unit”: “px”,
“default”: 200
},
{
“type”: “image_picker”,
“id”: “mobile_logo”,
“label”: “Mobile logo”
},
{
“id”: “mobile_logo_width”,
“type”: “range”,
“label”: “Mobile logo image width”,
“min”: 50,
“max”: 250,
“step”: 5,
“unit”: “px”,
“default”: 200
},
{
“type”: “header”,
“content”: “Navigation”
},
{
“type”: “link_list”,
“id”: “sidebar_menu_1”,
“label”: “Main menu”,
“default”: “main-menu”
},
{
“type”: “link_list”,
“id”: “sidebar_menu_2”,
“label”: “Secondary menu”,
“info”: “This menu won’t show dropdown items.”,
“default”: “footer”
},
{
“type”: “select”,
“id”: “navigation_style”,
“label”: “Navigation style”,
“options”: [
{
“label”: “Compact header”,
“value”: “sidebar_hides”
},
{
“label”: “Fixed sidebar”,
“value”: “sidebar_stays”
}
],
“default”: “sidebar_hides”,
“info”: “Compact header is automatically used on mobile.”
},
{
“type”: “header”,
“content”: “Sidebar footer”
},
{
“type”: “checkbox”,
“id”: “show_payment_icons”,
“label”: “Show payment icons”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_copyright_text”,
“label”: “Show copyright text and theme attribution”,
“default”: true
},
{
“type”: “header”,
“content”: “Announcement bar”
},
{
“type”: “checkbox”,
“id”: “show_announcement”,
“label”: “Show announcement”
},
{
“type”: “checkbox”,
“id”: “homepage_announcement”,
“label”: “Show on home page only”
},
{
“type”: “textarea”,
“id”: “announcement_text”,
“label”: “Text”,
“default”: “Use this banner to promote free shipping or another special offer!”
},
{
“id”: “announcement_text_mobile”,
“type”: “textarea”,
“label”: “Text (mobile)”,
“info”: “Use this option if you want to display alternate text in mobile. Recommended for shortening announcement text to make suitable for mobile.”
},
{
“type”: “url”,
“id”: “announcement_link”,
“label”: “Link”
},
{
“type”: “color”,
“id”: “announcement_color”,
“label”: “Text color”,
“default”: “#ffffff”
},
{
“type”: “color”,
“id”: “announcement_background”,
“label”: “Bar color”,
“default”: “#e98e6c”
}
]
}
{% endschema %}