Re: Header in blogpost

Solved

Header in blogpost

chumani
Explorer
57 2 16

Hi all,

 

does anybody have an idea, why it shows the title of my first blogpost as a header of all blogposts 😞 

I just added a new blogpost but in the menu it shows the header of first blogpost's title...

my homepage is https://www.chumani-jewels.com/

 

Appreciate any helpBildschirmfoto 2024-08-01 um 12.29.22.png

Accepted Solution (1)

GTLOfficial
Shopify Partner
630 137 125

This is an accepted solution.

Hello @chumani 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css ----> line number 1115
search this code

@media only screen and (min-width: 750px) {
.section-header {
margin-bottom: 55px;
}
}


and replace with this code

@media only screen and (min-width: 750px) {
.section-header {
margin-bottom: 55px;
display: none !important;
}
}

 result
7.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
6006 1628 1941

Hey @chumani 

 

If you don't want to show the heading then you can do this.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
header.section-header.text-center {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1722582860783.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
630 137 125

This is an accepted solution.

Hello @chumani 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css ----> line number 1115
search this code

@media only screen and (min-width: 750px) {
.section-header {
margin-bottom: 55px;
}
}


and replace with this code

@media only screen and (min-width: 750px) {
.section-header {
margin-bottom: 55px;
display: none !important;
}
}

 result
7.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
chumani
Explorer
57 2 16

Thank you for the quick solution 🙏

GTLOfficial
Shopify Partner
630 137 125

Thanks..... always there to help you....!!!

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
chumani
Explorer
57 2 16

Hi @GTLOfficial again, the only thing is: it's not working for the mobile version 😞 Do you know why?

GTLOfficial
Shopify Partner
630 137 125
 

Hello @chumani 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css ----> line number 1112
search this code

 

.section-header {
  margin-bottom: 35px;
}

 

and replace with this code

 

.section-header {
  margin-bottom: 35px;
  display: none !important;
}

 

result
15.png


Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh