Why isn't my mobile dropdown menu functioning properly?

Technical Q&A
1

Hi there.

For some reason, my mobile menu won’t react when I click on it.

www.padawansabers.co.uk

2

@Padawan

Hello You have some errors in JS also the codes needs to be checked. Please hire a developer.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on mail | Shopify Design Changes | Custom Modifications In to Shopify Theme

3

I actually figured it out.

After looking through the code, i noticed the error was relates to an asset called ‘Popups.liquid’

For some reason mine was empty of code.

I simply took the code from another one of my websites and pasted it in.

If you have the same issue, make sure there’s an asset called ‘popups.liquid’ and paste this code in ( not sure if this is theme specific as mine is ‘Vendor’ otherwise try and find the ID for the Div ID as per the first line of the code.

{%- if settings.enable_newsletter_popup and request.page_type == 'index' -%}

{% assign form_action = settings.newsletter_form_action %}
{%- if settings.newsletter_bg != blank -%}
{% capture newsletter_bg %}{% endcapture %}
{%- assign ar = 100 | divided_by: settings.newsletter_bg.aspect_ratio -%}
{%- else -%}
{%- assign ar = 59.21 -%}
{%- endif -%}

{%- if settings.newsletter_type == 'custom' -%} {{ settings.newsletter_content_html }} {%- else -%}
{{ newsletter_bg }}
{%- if settings.newsletter_popup_subtitle != blank-%}

{{ settings.newsletter_popup_subtitle | newline_to_br }}

{%- endif -%}

{%- if settings.newsletter_popup_title != blank-%}

{{ settings.newsletter_popup_title | newline_to_br }}

{%- endif -%}

{%- if settings.newsletter_popup_desc != blank-%}

{{ settings.newsletter_popup_desc | newline_to_br }}

{%- endif -%}

{%- if settings.newsletter_service == ‘shopify-default’ -%}
{% form ‘customer’, class: ‘form-newsletter position-relative’, id: form.id %}
{% render ‘form_status’, form: form, form_id: formId, success_message: ‘general.newsletter_form.confirmation’ | t %}
{% unless form.posted_successfully? %}


{%- if settings.newsletter_type == ‘newsletter-style’ -%}
{% render ‘icon-arrow-right’ %}
{%- elsif settings.newsletter_type == ‘textbox’ -%}
{{ settings.newsletter_popup_btn }}
{%- else -%}
{{ settings.newsletter_popup_btn }} >
{%- endif -%}
{% endunless %}
{% endform %}
{%- else -%}

{%- if settings.newsletter_type == 'newsletter-style' -%} {% render 'icon-arrow-right' %} {%- elsif settings.newsletter_type == 'textbox' -%} {{ settings.newsletter_popup_btn }} {%- else -%} {{ settings.newsletter_popup_btn }} > {%- endif -%} {%- endif -%}

{%- if settings.newsletter_type == ‘newsletter-style’ -%}

{{ 'general.newsletter_form.hide_now' | t }}
{%- endif -%}
#newsletter-popup .text-content h3{color:{{ settings.newsletter_title_c }};} #newsletter-popup .text-content .newsletter-popup_desc{color:{{ settings.newsletter_desc_c }};} #newsletter-popup .text-content .newsletter-popup_subtitle{color:{{ settings.newsletter_subtitle_c }};} @media all and (min-width: 768px) { #newsletter-popup .text-content h3{font-size:{{ settings.font_nsl_title_size}}px;} #newsletter-popup .text-content .newsletter-popup_desc{font-size:{{ settings.font_nsl_desc_size}}px;} #newsletter-popup .text-content .newsletter-popup_subtitle{font-size:{{ settings.font_nsl_subtitle_size}}px;} } {%- endif -%}

{%- endif -%}

{% render 'icon-ticksign' %}
{% render 'icon-attention' %}
{% render 'icon-close-thick' %}
{% render 'icon-information2' %}
{% render 'icon-close' %}

{%- if settings.enable_login_popup -%}

{%- if shop.customer_accounts_enabled -%} {%- if customer -%}
  • {{ 'customer.logout.title' | t }}
  • {{ 'customer.account.title' | t }}
    • {%- else -%} {% form 'customer_login' %}

    {{ 'customer.login.title' | t }}

    {{ form.errors | default_errors }}

    {{ ‘customer.login.email’ | t }}

    {{ ‘customer.login.password’ | t }}

    {% endform %}
    {{ 'customer.register.title' | t | customer_register_link }} {{ 'customer.login.forgot_password' | t }}
    {%- endif -%} {%- endif -%}
    {% render 'icon-close' %}
    {%- endif -%}
    {% render 'render_icon', icon_name: settings.anm_loading_pp %}
    {%- if settings.enable_scroll_top -%}
    {% render 'icon-arrow-up' %}
    {%- endif -%}
    4

    @Padawan

    Zworthkey_0-1643618315790.png
    Zworthkey_0-1643618315790.png1600×900 159 KB

    Because here is some js issues, kindly remove that,

    And one point is your Website Scroll 2 times.
    If you need help to fix out all the issues, then let me know we will help you.

    Thank you.

    5

    Hi there

    I’ve removed the instant page issue.

    I would love some help with the 2 scroll issue

    @Zworthkey

    Thank you

    6

    @Padawan
    For that, you need to hire a developer.
    Thank you.

    7

    I appreciate your time, but why do shopify helpers offer help and then say “If you want help, pay for it”…

    Shopify should be helping their customers who already pay a lot of money, no extorting them for what now appears a 4 second fix..

    Anyway. I found out the issue myself.

    Go to your Theme.liquid and click ’ Change to older version’

    This undid some error in my code.

    8

    @Padawan
    Welcome to the Shopify community!
    there are many people who can take help from the community and build their website. Because community helper or Shopify partner can’t be paid to help you. they will share you knowledge and help you to grow.

    I hope you can understand the concern.
    Thank you.