Shopify themes, liquid, logos, and UX
Hi developers,
I'm looking to add a home icon next to the home page, any way I can add a home icon favicon or image to display that?
My website: nailsbestbuy.com
Best,
Nailsbestbuy Team
Solved! Go to the solution
This is an accepted solution.
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->screen.css
@media only screen and (max-width: 990px){
#root #shopify-section-header #nav>ul>li.nav-bar-element.nav-bar-element-main~li.nav-bar-element[data-copy="11"] {
background: url("//cdn.shopify.com/s/files/1/0675/9635/3848/collections/bulk-deals.webp?crop=center&height=60&v=1672513709&width=60") no-repeat 5% 50%;
background-size: auto 29px;
}
}
Please follow this screenshot for Home icon
Output:
If you find our reply helpful, please hit Like and Mark it as a Solution.
An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.
Thank You,
WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789
Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9
| USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021
This is an accepted solution.
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->screen.css
@media only screen and (max-width: 990px){
#root #shopify-section-header #nav>ul>li.nav-bar-element.nav-bar-element-main~li.nav-bar-element[data-copy="11"] {
background: url("//cdn.shopify.com/s/files/1/0675/9635/3848/collections/bulk-deals.webp?crop=center&height=60&v=1672513709&width=60") no-repeat 5% 50%;
background-size: auto 29px;
}
}
Please follow this screenshot for Home icon
Output:
If you find our reply helpful, please hit Like and Mark it as a Solution.
An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.
Thank You,
WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call: 877.536.3789
Canada: 150 King St W. STE 200, Toronto, ON M5H 1J9
| USA: 98 Cutter Mill Rd. STE 466, Great Neck, NY 11021
The solution worked, thank you!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025