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%; }

    • Remove menu arrows in header

      From your Shopify admin dashboard, click on "Online Store" and then "Themes". Find the theme that you want to edit and click on "Actions" and then "Edit code". In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on ...