Add log in and cart icon on top right of header

Store Design

Topic summary

A user seeks to restore login and cart icons to the top right of their header after previously removing them before adding e-commerce functionality.

Solutions provided:

  • Remove hiding CSS code: Multiple respondents suggest locating and deleting specific CSS code in the base.css file (Online Store > Themes > Edit code) that hides the header icons with display: none

  • Video tutorials offered: One response provides YouTube links with step-by-step instructions for adding both login and cart icons

  • Code modification approach: Another suggests adding code before the </body> tag in the theme.liquid file

All responses include before/after screenshots demonstrating the visual changes. The discussion appears resolved with multiple working solutions, though the original poster hasn’t confirmed which method they used.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi,

How can I add log in and cart icon on top right of header? I removed it awhile ago before having ecomm on my site but would like to enable it now and can’t remember how to do it. Many thanks in advance!

https://www.wastd.world/

Screenshot 2024-11-01 at 10.09.25 AM.png
Screenshot 2024-11-01 at 10.09.25 AM.png2940×554 158 KB

2

Hi @letsgetwasted

You can take them back by removing this code in base.css file in Online Store > THemes > Edit code

.header__icons.header__icons--localization {
    display: none;
}

Screenshot 2024-11-01 at 09.15.01.png
Screenshot 2024-11-01 at 09.15.01.png1352×526 69.1 KB

3

Hi @letsgetwasted

To fulfill your request, please follow the steps outlined below

  1. Locate the code:

    • Open the base.css file.

  2. Remove the specified code:

    • Find and delete the following code: Link

  3. Result

I hope this helps
Best,
Daisy

4

Hi @letsgetwasted , thank you for posting here!

  1. You can follow instructions from this link to add Login icon on top right of header: https://www.youtube.com/watch?v=ZQf8p862uno

  2. You can follow the instructions from this link to add a Cart icon on the top right of the header:

  • Go to Online Store->Theme->Edit code

  • Find the theme. liquid file. Then add the following code below at the before tag and press ‘Save’ to save it.


_Please press '**Like**' and mark it as '**Solution**' if you find it helpful. Thank you._