Impulse Theme - adding customer login to Mobile Drawer Menu

Store Design
,
1

How can i add the customer login to my mobile drawer menu

I am using the Impulse Theme

https://the-body-shop-nordic.myshopify.com/

ubahdo

2

Hi @TBS2023 ,

follow these steps:

  • Access the Theme Editor:

    • From your Shopify admin, go to Online Store > Themes.
    • Find the Impulse theme and click Customize.

  • Locate the Drawer Menu Code:

    • Click the Theme Actions dropdown (three dots in the top left corner) and select Edit code.
    • In the left sidebar, look for the file related to the mobile menu or drawer. It may be named something like header-drawer.liquid or header.liquid.

  • Add the Customer Login Link:

    • Find the section of the code that handles the mobile menu or navigation items.
    • Add the following code where you want the customer login link to appear:
{% if customer %}
  - My Account

{% else %}
  - Log In

{% endif %}
​
  • This code will check if the customer is logged in. If they are, it will show the “My Account” link, otherwise, it will show “Log In.”
3

thanks - how do i change the left padding for this?

4

Follow these steps:

  1. Go to Online Store > Themes in your Shopify admin.

  2. Click on Actions > Edit Code for the Impulse theme.

Locate Your CSS File:

  • In the left sidebar, look for a file that contains CSS styles. This is often named theme.scss.liquid, styles.scss.liquid, or similar, usually found in the Assets folder.

  • Add Custom CSS:

    • Scroll to the bottom of the CSS file or find an appropriate place to add custom styles.
    • Add the following CSS rule to adjust the left padding for the customer login link:
.menu__link {
    padding-left: 20px; /* Change 20px to your desired padding value */
}
​
  • If I managed to help you then, don’t forget to Like it and Mark it as Solution!
1 Like
5

it has also moved my two other menu items

6

Thank you! If you ever need any help in the future, feel free to reach out to me anytime.