Issue with header Margin - Subpage Collections

Tourist
19 0 0

Dear community.

I am struggling since many days with the following Issue. My header is covering the collections page.

Problem collection page.PNG
I need to move the content of the collections page down somehow, but I am not sure how to adress the collections page.

Below, I will show you the code I changed already for my template in liquid.scss:


.team__card__text{
height: 410px;

}

.collection-grid-item__content{

background-color: rgba(255,255,255,0.9);

}

.logo-bar__item{

filter: grayscale(1);

}

.logo-bar__item:hover{

filter: grayscale(0);

}

/* Wenn du das Aussehen der Maus ändern möchtest hilft der Befehl: cursor: pointer; */

.header-wrapper {
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
z-index: 10000000000000;
top: 0px !important;
}

.product-single__title {
font-size: 500px !important;
}

.page-margin {
margin-top: 140px;
}

 

.page-margin--product { margin-top: 180px; } @media only screen and (max-width: 749px){ .page-margin--product { margin-top: 80px; } }





Looking forward to any help.

Thanks in advance :)

0 Likes
Highlighted
Astronaut
952 116 218

Can you post a link to your store and a password if it's password protected?

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Shopify Partner
1878 315 400

Hi,

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.collection h1.title--decorated{ margin-top: 30px;}
@media only screen and (max-width: 767px) {{.collection h1.title--decorated{ margin-top: 0;}}

Let me know if you need help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Tourist
19 0 0

Hey, This is not working, it messes everything up totally :/

But thanks for the help! :)

0 Likes
Shopify Partner
1878 315 400

Hi,

I don't think this code messes everything on store its just margin top,

Apply and let me know i will check in site and make it proper also it because of i have give code by just checking console.

Let me know i will help 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes