How can I hide the icon bar on the homepage in Flex theme?

Store Design
1

Hi,

I’m trying to hide the icon bar on the homepage only. I have attempted this custom CSS: , but it’s not working. Any suggestions?

2

Hi @Raymond_DuBois ,

Can you please provide me a preview URL of the store?

Thank you

3

Hi Sandeep,

https://turtlemoonhealth.com/

Thanks,

Ray

4

HI @Raymond_DuBois ,

Do you mean to hide this?

LuffyOnePiece_0-1712925754244.png
LuffyOnePiece_0-1712925754244.png1366×418 22.3 KB

Thank You

5

The row of icons at the top, with text, is a section that appears only on the homepage. The row below is called the icon bar. It appears at the bottom of every page. On the homepage it is repetitive to the section above it, so I would like to hide it on the homepage.

6

Hi @Raymond_DuBois ,

Add the below css in style.css.

body.index div#shopify-section-footer__icon-bar {
    display: none;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

7

I added it here, but it didn’t work. Is this the wrong place to put the code?

Screenshot 2024-04-12 at 9.46.11 AM.png
Screenshot 2024-04-12 at 9.46.11 AM.png616×1750 67.3 KB

I will be able to respond to your reply tomorrow. Thanks for the help!

8

Hi @Raymond_DuBois ,

Try adding below css.

body.index div#shopify-section-footer__icon-bar {
    display: none !important;
}

Thank you

9

Sorry, it still did not work.