Hide arrow-opener on homepage only

On the browse category menu on the left I would like to hide the top arrow on only the home page since the menu stays extended there. Is this possible?

Also, unless I am missing it can I remove the select category from that search bar? I wasn t the search but the two category parts side by side seem redundant.

Thanks.

Hello,

Thank you so much for purchasing our theme.

The best way to do it is to hide these elements with a few lines of CSS code. Here is a code snippet that you may place into the Custom CSS section in Theme Settings

.main-header form.has-categories-dropdown .search-by-category,
.home .header-categories .arrow-opener { display:none; }

Regards

That’s absolutely perfect! Thanks so much.

One last part. Some people like the search by category in the search field. What if I want to hide just the arrow on the homepage and leave the search bar alone?

In this case you can use the following snippet instead

.home .header-categories .arrow-opener { display:none; }

You are awesome!!!

LOVE THIS THEME

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on themeforest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance 🙂

[Author]

Posts