Main Nav/ Banner Isuue

Hello,

I go crazy right now. For hours I try to fix an issue with the main nav and a banner I want to use.
Please see the images attached. The main nav always overlaps on the landing page over the banner image.
On the category pages it´s above and fine. I tried all CSS helps I could fine but non of them worked.

I hope somebody can help me.

Thanks in advance,

Jan*

You could try adding a white bar to the top of the images in photoshop?

Do you have a link to the site?

Hi there

sorry its not online yet.

Jan*

Just now, bureau_sort said:

Hi there

sorry its not online yet.

Jan*

You can set the site to have a password so that people here can help you. 

Go to - Settings > Site Visibility > Password Protected 

I didnt by the squarespace abo yet.

so now URL

😞

Just now, bureau_sort said:

I didnt by the squarespace abo yet.

so now URL

😞

You can link to a trial site. 

aaaah..Ok, here we go:

https://rust-walrus-w2kj.squarespace.com

PW: Ciao1000

The issue is the intro image which always sits above the menu/ nav...

J*

Insert this in your custom css and play with the margin-top value

.homepage .Header-inner.Header-inner--bottom {
    margin-top: -20px;
}

If this helps, please hit Like. 

wow... works perfectly... thanks for taking the time.

Best

Jan*

just one more question: Now it works on the main landing page. But how can I make it work on a category page for example: "Persönlichkeitsentwicklung" the very right in the nav.??

Jan*

Each page has a collection ID that you can see if you inspect the code. 

THe code below will do both the homepage and the page you mentioned. 

.homepage, #collection-5d9ef4a5ee902a468db30b52 {
	.Header-inner.Header-inner--bottom {
    	margin-top: -20px;
	}
}

Please hit like if this solves your problem

Awesome .. thank you so much.

Have a great day.

Jan*