How to change the category header text on banner from bottom to up on mobile

Shivam97
Pathfinder
131 0 53

Hi,

How to make the text from bottom to top on mobile of category page.

URL - https://www.portronics.com/collections/wireless-soundbar

savv.PNG

0 Likes
Bitfresh
Shopify Partner
56 10 12

Hi,

You can change this by customizing your theme CSS file. To do this navigate to Online Store > Themes > Actions > 'Edit Code'. Now find the following CSS rule and change the margin-top to something like -300px:

@media only screen and (max-width: 991px){
  .template-collection h1.section-header__title.appear-delay {
    margin-top: 100px;
  }
}

 

Pallavi
Shopify Expert
2170 353 462

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:

@media screen and (max-width: 749px){
.template-collection h1.section-header__title.appear-delay {
margin-top: -240px;
}
}
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
Pathfinder
131 0 53

@Pallavi @Bitfresh 

I copied and pasted the code in css but still it shows here.

aslgft.PNG

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello @Shivam97 

Please add css proper.

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
0 Likes