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

Raymond_DuBois
New Member
9 0 0

Hi,

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

Replies 8 (8)

LuffyOnePiece
Shopify Partner
519 78 95

Hi @Raymond_DuBois ,

 

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

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Raymond_DuBois
New Member
9 0 0

Hi Sandeep,

 

https://turtlemoonhealth.com/

 

Thanks,

Ray

LuffyOnePiece
Shopify Partner
519 78 95

HI @Raymond_DuBois ,

 

Do you mean to hide this?

LuffyOnePiece_0-1712925754244.png

 

 

Thank You

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Raymond_DuBois
New Member
9 0 0

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. 

LuffyOnePiece
Shopify Partner
519 78 95

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Raymond_DuBois
New Member
9 0 0

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

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

LuffyOnePiece
Shopify Partner
519 78 95

Hi @Raymond_DuBois ,

 

Try adding below css.

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

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Raymond_DuBois
New Member
9 0 0

Sorry, it still did not work.