How do i add text under a the cart or search or customer icon in the when hovering the mouse over it

Store Design

Topic summary

A user wants to add hover text labels beneath cart, search, and customer icons in their Shopify store header.

Proposed Solution:

  • Add CSS code using the ::after pseudo-element with hover state
  • Target icons like .icon-cart:hover::after with custom content, positioning, and styling
  • Insert code into theme CSS files (theme.css, base.css, or style.css)

Implementation Steps:

  1. Access Shopify admin → Online Store → Themes → Customize
  2. Click “Edit Code”
  3. Locate the appropriate CSS file in the left sidebar
  4. Add the provided CSS snippet at the bottom of the file

Current Status:
Another user is struggling to locate the correct file for implementation and has requested additional assistance. The discussion remains open with an offer from the solution provider to implement the changes directly if needed.

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

Hello,

How do i add text under a the cart or search or customer icon in the when hovering the mouse over it

shopp.png
shopp.png394×133 3.51 KB

. I have attached an example picture from another store.

Thanks in Advance

2

Hi @Ronaldh Please add the code in your theme.css/base.css/style.css file which is available in your theme.

.icon-cart:hover::after {
    content: Your title is here;
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    z-index: 999;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

3

Hello, i am trying to find this code but im not sure where to search for this, would it be possible to help me out with this?