Venture Theme Mobile Menu

Tourist
5 0 0

Launched my Shopify store with the Venture logo.  When clicking the menu on mobile only, the letter "M" appears by any menu item that has a sub-menu. See the "M" before Shop, it also happens at the bottom with the M appearing after Help. I've attached a screenshot as example. In the html code it's under mega menu or navigation the "m" is there, but I don't believe I have a way to change it please help !73213.jpg

0 Likes
Shopify Partner
1558 269 328

Hi,

I think this issue is with code please check in code in following

1. Go to online store->Theme->Edit code

2. Sections->headrer.liquid -> and find "drawer__nav" then check here if any character  added or not

 

Also check in bellow:

1. Go to online store->Navigation

Check here in main menu if any character  added or not.

 

Let me know if you need any help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Highlighted
Tourist
5 0 0

I found it but there is no menu items to edit.  Here is the code, please see if there is another way...

 

<div id="NavDrawer" class="drawer drawer--left">
<div class="drawer__inner">
<form action="/search" method="get" class="drawer__search" role="search">
<input type="search" name="q" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="drawer__search-input">

<button type="submit" class="text-link drawer__search-submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>
<ul class="drawer__nav">
{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% if link.links != blank %}
<li class="drawer__nav-item">
<div class="drawer__nav-has-sublist">
<a href="{{ link.url }}"
class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
id="DrawerLabel-{{ child_list_handle }}"
{% if link.active %} aria-current="page"{% endif %}
>m
{{ link.title }}
</a>
<button type="button" aria-controls="DrawerLinklist-{{ child_list_handle }}" class="text-link drawer__nav-toggle-btn drawer__meganav-toggle" aria-label="{{ link.title }} {{ 'general.drawers.menu' | t }}" aria-expanded="false">
<span class="drawer__nav-toggle--open">
{% include 'icon-plus' %}
</span>
<span class="drawer__nav-toggle--close">
{% include 'icon-minus' %}
</span>
</button>
</div>

<div class="meganav meganav--drawer" id="DrawerLinklist-{{ child_list_handle }}" aria-labelledby="DrawerLabel-{{ child_list_handle }}" role="navigation">
<ul class="meganav__nav">
{% include 'drawer-nav' %}
</ul>
</div>
</li>
{% else %}
<li class="drawer__nav-item">
<a href="{{ link.url }}"
class="drawer__nav-link drawer__nav-link--top-level"
{% if link.active %} aria-current="page"{% endif %}
>
{{ link.title }}
</a>
</li>
{% endif %}
{% endfor %}

{% if shop.customer_accounts_enabled %}
{% if customer %}
<li class="drawer__nav-item">
<a href="/account" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.account' | t }}
</a>
</li>
<li class="drawer__nav-item">
<a href="/account/logout" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.log_out' | t }}
</a>
</li>
{% else %}
<li class="drawer__nav-item">
<a href="/account/login" class="drawer__nav-link drawer__nav-link--top-level">
{{ 'layout.customer.account' | t }}
</a>
</li>
{% endif %}
{% endif %}
</ul>
</div>
</div>

<header class="site-header page-element is-moved-by-drawer" role="banner" data-section-id="{{ section.id }}" data-section-type="header">
<div class="site-header__upper page-width">
<div class="grid grid--table">
<div class="grid__item small--one-quarter medium-up--one quarter">
<button type="button" class="text-link site-header__link js-drawer-open-left">
<span class="site-header__menu-toggle--open">
{% include 'icon-hamburger' %}
</span>
<span class="site-header__menu-toggle--close">
{% include 'icon-close' %}
</span>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
</div>
<div class="grid__item small--one-half medium-up--one half small--text-center medium-up--text center">
{% if template.name == 'index' %}
<h1 class="site-header__logo" itemscope itemtype="http://schema.org/Organization">
{% else %}
<div class="site-header__logo h1" itemscope itemtype="http://schema.org/Organization">
{% endif %}
{% if section.settings.logo != blank %}
{% capture image_size %}{{ section.settings.logo_max_width }}x{% endcapture %}
<a href="/" itemprop="url" class="site-header__logo-link">
<img src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo">
</a>
{% else %}
{% assign shop_name_length = shop.name.size %}
<a href="/" itemprop="url" {% if shop_name_length > 10 %} class="site-header__shop-name--small"{% endif %}>{{ shop.name }}</a>
{% endif %}
{% if template.name == 'index' %}
</h1>
{% else %}
</div>
{% endif %}
</div>

<div class="grid__item small--one-quarter medium-up--one-quarter text-right">
<div id="SiteNavSearchCart" class="site-header__search-cart-wrapper">
<form action="/search" method="get" class="site-header__search small--hide" role="search">
{% comment %}<input type="hidden" name="type" value="product">{% endcomment %}
<label for="SiteNavSearch" class="visually-hidden">{{ 'general.search.placeholder' | t }}</label>
<input type="search" name="q" id="SiteNavSearch" placeholder="{{ 'general.search.placeholder' | t }}" aria-label="{{ 'general.search.placeholder' | t }}" class="site-header__search-input">

<button type="submit" class="text-link site-header__link site-header__search-submit">
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'general.search.submit' | t }}</span>
</button>
</form>

<a href="/cart" class="site-header__link site-header__cart">
{% include 'icon-cart' %}
<span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
<span class="site-header__cart-indicator {% if cart.item_count == 0 %}hide{% endif %}"></span>
</a>
</div>
</div>
</div>
</div>

<div id="StickNavWrapper">
<div id="StickyBar" class="sticky">
<nav class="nav-bar small--hide" role="navigation" id="StickyNav">
<div class="page-width">
<div class="grid grid--table">
<div class="grid__item {% if shop.customer_accounts_enabled %}four-fifths{% else%}seven-eighths{% endif %}" id="SiteNavParent">
<button type="button" class="hide text-link site-nav__link site-nav__link--compressed js-drawer-open-left" id="SiteNavCompressed">
{% include 'icon-hamburger' %}
<span class="site-nav__link-menu-label">{{ 'general.drawers.menu' | t }}</span>
<span class="icon__fallback-text">{{ 'general.drawers.navigation' | t }}</span>
</button>
<ul class="site-nav list--inline" id="SiteNav">
{% for link in linklists[section.settings.main_linklist].links %}
{% assign child_list_handle = link.title | handleize %}

{% comment %}
Use full width layout if there are 7+ links or parent has products
{% endcomment %}
{% assign meganav_use_columns = false %}
{% assign nav_parent_product_count = link.object.products_count %}
{% unless nav_parent_product_count == blank or nav_parent_product_count == 0 %}
{% assign meganav_use_columns = true %}
{% endunless %}

{% if link.links.size > 7 %}
{% assign meganav_use_columns = true %}
{% endif %}

{% assign is_collection_with_products = false %}
{% if link.type == 'collection_link' and link.object.products_count > 0 %}
{% assign is_collection_with_products = true %}
{% endif %}

{% if link.links != blank %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}{% unless meganav_use_columns %} site-nav__item--no-columns{% endunless %}" aria-haspopup="true">
<a href="{{ link.url }}" class="site-nav__link site-nav__link-toggle" id="SiteNavLabel-{{ child_list_handle }}" aria-controls="SiteNavLinklist-{{ child_list_handle }}" aria-expanded="false"{% if link.active %} aria-current="page"{% endif %}>
{{ link.title }}
{% include 'icon-arrow-down' %}
</a>

<div class="site-nav__dropdown meganav site-nav__dropdown--second-level" id="SiteNavLinklist-{{ child_list_handle }}" aria-labelledby="SiteNavLabel-{{ child_list_handle }}" role="navigation">
<ul class="meganav__nav{% if is_collection_with_products %} meganav__nav--collection{% endif %} page-width">
{% include 'site-nav' %}
</ul>
</div>
</li>
{% else %}
<li class="site-nav__item{% if link.active %} site-nav--active{% endif %}">
<a href="{{ link.url }}" class="site-nav__link"{% if link.active %} aria-current="page"{% endif %}>
{{ link.title }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="grid__item {% if shop.customer_accounts_enabled %}one-fifth{% else%}one-eighth{% endif %} text-right">
<div class="sticky-only" id="StickyNavSearchCart"></div>
{% if shop.customer_accounts_enabled %}
<div class="customer-login-links sticky-hidden">
{% if customer %}
<a href="/account">
{{ 'layout.customer.account' | t }}
</a>
{{ 'layout.customer.log_out' | t | customer_logout_link }}
{% else %}
{{ 'layout.customer.account' | t | customer_login_link }}
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</nav>
<div id="NotificationSuccess" class="notification notification--success" aria-hidden="true">
<div class="page-width notification__inner notification__inner--has-link">
<a href="/cart" class="notification__link">
<span class="notification__message">{{ 'products.product.product_added_to_cart_html' | t }}</span>
</a>
<button type="button" class="text-link notification__close">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
<div id="NotificationError" class="notification notification--error" aria-hidden="true">
<div class="page-width notification__inner">
<span class="notification__message notification__message--error" aria-live="assertive" aria-atomic="true"></span>
<button type="button" class="text-link notification__close">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
</div>
</div>

{% if section.settings.promo_bar_enable %}
<div id="NotificationPromo" class="notification notification--promo" data-text="{{ section.settings.promo_bar_text | strip_html | handle }}">
<div class="page-width notification__inner {% if section.settings.promo_bar_link != blank %} notification__inner--has-link{% endif %}">
{% if section.settings.promo_bar_link != blank %}
<a href="{{ section.settings.promo_bar_link }}" class="notification__link">
<span class="notification__message">{{ section.settings.promo_bar_text | escape }}</span>
</a>
{% else %}
<span class="notification__message">{{ section.settings.promo_bar_text | escape }}</span>
{% endif %}
<button type="button" class="text-link notification__close" id="NotificationPromoClose">
{% include 'icon-close' %}
<span class="icon__fallback-text">{{ 'cart.general.close_notification' | t }}</span>
</button>
</div>
</div>
{% endif %}
</header>

0 Likes
Tourist
5 0 0

I found it but there is no menu items to edit.  Here is the code, please see if there is another way...

 

screenshot.jpg

0 Likes
Shopify Partner
1558 269 328

Hi,

Please check given image, here "m" added in your code. Remove this.

shop.png

 

Let me know if you need help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes