Looking to add an icon to my mobile category section | Xtra Theme

Store Design
, , , ,
1

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

add home icon.PNG
add home icon.PNG412×842 48.5 KB

Best,

Nailsbestbuy Team

2

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

WebDeskSolution_1-1672831822956.png
WebDeskSolution_1-1672831822956.png822×234 18.9 KB

Output:

WebDeskSolution_0-1672831761154.png
WebDeskSolution_0-1672831761154.png448×539 48.8 KB

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.

3

The solution worked, thank you!