Problem with collection Title placed in header

Solved
Highlighted
Excursionist
64 1 10

Hi all,

 

Anyone know why in all the collection pages the titles became placed in the header? Anyone could help me? Here an screenshot.

Thank you in advance

https://alblancatelier.myshopify.com/collections/plantas

Captura de pantalla 2020-06-30 a las 15.30.09.png

0 Likes
Highlighted
Tourist
8 1 2

Hello @noemi2 

In which part do you want to see what you attach in the photo?

1 Like
Highlighted
Shopify Partner
1258 270 369

Hey @noemi2 

add code assets/theme.scss.liquid bottom of the file

.PageHeader .SectionHeader__Heading, .PageHeader .SectionHeader__Description {
margin-top: 114px !important;
}

I hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
64 1 10

Thank you for your help @dmwwebartisan but it does not work :(

0 Likes
Highlighted
Excursionist
64 1 10

@LJ-Angel thank you in advance. In the part where you can read "PLANTAS" behind the logo

0 Likes
Highlighted
Tourist
8 1 2

This is an accepted solution.

Hello @noemi2 

Apologies for the delay in responding.

Desktop mode

ablanc_1.jpg

Add code assets/theme.scss.liquid bottom of the file

@include av-mq('tablet-and-up') {
  .PageHeader {
    margin: 50px 0;
    padding-top: 50px;
  }

ablanc_2.jpg

Mobile mode

ablanc_3.jpg

Add code assets/theme.scss.liquid bottom of the file

.PageHeader {
  position: relative;
  margin: 35px 0;
  padding-top: 15px;
}

ablanc_4.jpg

Complete the steps, I hope it works for you and is very helpful.


If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on info@oseagency.com

1 Like
Highlighted
Excursionist
64 1 10

@LJ-Angel it works!! thank you very much!

Noemí

1 Like