How to add social media icons on the bottom of the mobile menu only in Brooklyn theme?

Store Design
1

Screenshot 2022-04-19 at 4.01.27 PM.png
Screenshot 2022-04-19 at 4.01.27 PM.png740×1394 66.2 KB

1 Like
2

@KetanKumar can u assist maybe please

1 Like
3

@lslelegance
Welcome to Shopify Community,
You can add it by the custom Code.

For that you have to hire a developer.

Thank you.

4

@lslelegance

can you please share mobile menu code

1 Like
5

where is mobile menu found please ?

1 Like
6

@lslelegance thanks for assint

i have done this please check also someone some issue ty ths code

drawer-menu.liquid


    {% if section.settings.drawer_search_enable %}
      {% include 'search-bar', search_btn_style: 'btn--secondary', search_bar_location: 'search-bar--drawer' %}
    {% endif %}

    

      {% for link in linklists[section.settings.main_menu_link_list].links %}
        {% if link.links != blank %}
          - {{ link.title | escape }}
              

                
              

            

            
                {% assign parent_index = forloop.index %}
                {% for childlink in link.links %}
                  {% if childlink.links != blank %}
                  - {{ childlink.title }}
                    
                    

                      
                    

                  

                  
                          {% for grandchildlink in childlink.links %}
                            - {{ grandchildlink.title | escape }}
                        
                      
                          {% endfor %}
                  
                

                  {% else %}
                  - {{ childlink.title | escape }}
                  
                
                  {% endif %}
                {% endfor %}
            
          

          {% else %}

          - {{ link.title | escape }}
            
          

        {% endif %}
      {% endfor %}
      {% comment %}
        Spacer element
      {% endcomment %}
      - 

      {% comment %}
        If customer accounts are enabled, provide login and create account links
      {% endcomment %}
      {% if shop.customer_accounts_enabled %}
        {% if customer %}
          - {{ 'layout.customer.account' | t }}
          

          - {{ 'layout.customer.log_out' | t | customer_logout_link }}
          

        {% else %}
          - {{ 'layout.customer.log_in' | t | customer_login_link }}
          

          - {{ 'layout.customer.create_account' | t | customer_register_link }}
          

        {% endif %}
      {% endif %}
      {% for link in linklists[section.settings.drawer_bottom_link_list].links %}
        - {{ link.title }}
      {% endfor %}
    

    
    
              {% if settings.social_facebook_link != blank %}
                - Facebook
                  
                

              {% endif %}
              {% if settings.social_twitter_link != blank %}
                - Twitter
                  
                

              {% endif %}
              {% if settings.social_pinterest_link != blank %}
                - Pinterest
                  
                

              {% endif %}
              {% if settings.social_instagram_link != blank %}
                - Instagram
                  
                

              {% endif %}
              {% if settings.social_snapchat_link != blank %}
                - Snapchat
                  
                

              {% endif %}
              {% if settings.social_google_plus_link != blank %}
                - Google Plus
                  
                

              {% endif %}
              {% if settings.social_tumblr_link != blank %}
                - Tumblr
                  
                

              {% endif %}
              {% if settings.social_youtube_link != blank %}
                - YouTube
                  
                

              {% endif %}
              {% if settings.social_vimeo_link != blank %}
                - Vimeo
                  
                

              {% endif %}
              {% if settings.social_fancy_link != blank %}
                - Fancy
                  
                
              {% endif %}

add css theme.scss bottom

@media screen and (max-width: 768px) {
  .mobile-nav + ul.no-bullets.social-icons {
    display: flex;
    position: absolute;
    bottom: 0;
    justify-content: center;
    left: 0;
    right: 0;
	}
}
1 Like
7

Thank you so much !