How to Hide Title header on Category banner only

Solved
Shivam97
Trailblazer
163 0 63

Hi,

How I can hide the the title on category banner only, don't want hide on without banner category pages.

URL - https://www.portronics.com/collections/wearables

category header.PNG

0 Likes
Pallavi
Shopify Expert
2363 396 512

This is an accepted solution.

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.hero__text-shadow.aos-init.aos-animate h1.section-header__title.appear-delay {
display: none!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Pallavi
Shopify Expert
2363 396 512

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Shivam97
Trailblazer
163 0 63

Hi @Pallavi 

it worked perfectly,

Actually Shadow is still there of the title. How can i remove that shadow on that place. 

0 Likes
Pallavi
Shopify Expert
2363 396 512

Hello @Shivam97 

please share me screenshot.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Shivam97
Trailblazer
163 0 63

On every category shadow is showing at same place.

URL - https://www.portronics.com/collections/portable-speakers

 

 

sounddrum.PNG

 

 

0 Likes
Pallavi
Shopify Expert
2363 396 512

This is an accepted solution.

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.hero__text-shadow.aos-animate:before {
opacity: 0!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing