Add "Login" text next to account icon at the header

Add "Login" text next to account icon at the header

In header.liquid:
Idea
{% render 'icon-account' %} 
<span style= "margin: 8px 15px 0 5px; line-height: 5px; text-decoration:none;">Login</span>


    • Related Articles

    • Add custom text to the cart drawer

      1. Open cart-drawer.liquid file 2. Add html at the highlighted area >> <div class="message" style="background:#fff2d7;"> <p style="padding: 5px;">YOU ARE ELIGIBLE FOR THE DISCOUNT OF 50%</p> </div>

    • Add additional social media icons in the footer

      Step 1 : Go to Online Store->Theme->Edit code->Config->settings_schema.json -> find where social media icons has been placed , as shown in the attached file, then insert the given code there: { "type": "text", "id": "social_linkedin_link", "label": ...

    • Create a Video with Text Section

      Create a new section with this code, called "video-with-text.liquid" {{ 'component-video-with-text.css' | asset_url | stylesheet_tag }} <div class="video-with-text {% if section.settings.full_width %}video-with-text--full-width{% else %}page-width{% ...

    • How to make image-with-text image smaller

      In the custom css of the section, add in: .image-with-text .image-with-text__media-item.image-with-text__media-item--small img { height: 70%; width: 70%; margin: 15%; }

    • Make parent link clickable

      Snippets > header-mega-menu.liquid (l.19-25) Parentlink {%- assign parentlink = link.links[0] -%} <a href="{{ parentlink.url }}" title="{{ parentlink.title }}"> <span {%- if link.child_active %} class="header__active-menu-item" {% endif %} > {{- ...