Solved

How can I make a heading overlap product images in a feature section?

pearlerwork
Shopify Partner
71 1 10

I'd love to achieve this sort of look:

Screen Shot 2021-06-23 at 2.02.45 pm.png

 

Here's my code so far:

 

div#shopify-section-1559585995085 .section-header__title {
 	text-align: left!important;
    margin-bottom: -80px!important; 
}

 

 

How it looks:

Screen Shot 2021-06-23 at 2.04.44 pm.png

The website is: https://mooncat-ui.myshopify.com/ and the password is "pearler"

Thanks heaps!

Accepted Solution (1)

Hardik29418
Shopify Partner
2858 407 1073

This is an accepted solution.

@pearlerwork 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.section-header__title  {
    z-index: 10;
    position: absolute;
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Expert
5393 970 1291

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:

div#shopify-section-1559585995085 .section-header__title {
margin: 0 !important;
}

div#shopify-section-1559585995085 header.section-header {
margin-bottom: 0;
}
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

Kinjaldavra
Shopify Partner
2302 570 1422

hello @pearlerwork 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

div#shopify-section-1559585995085 .section-header__title {
    margin-bottom: -40px !important;
}

 

Hardik29418
Shopify Partner
2858 407 1073

This is an accepted solution.

@pearlerwork 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.section-header__title  {
    z-index: 10;
    position: absolute;
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Hardik29418
Shopify Partner
2858 407 1073

@pearlerwork  Thank you for accepting my answer as a solution.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email