[Solved] White between menu and page content

[Dazinovic 1]

I'm a rookie, trying to create a basic, good looking website.

I am curious though, wondering if anyone can help me.

I've run into a problem that where I have my menu on the top of the page, currently placed in the Header section, there's a big white space between the menu and the start of the content,

https://gyazo.com/a44e0d5a86c6a59f3cafc3c711e8c3de

Do I have to pay for the full version to have the white removed?

Ideal would be to have the menu hover over the images on the frong page, taking down the transparacy, something like this:

https://gyazo.com/4c9f335a3ae252f5917ef218e88f7149

I am more than happy just getting rid of the white "box" though, any help and ideas would be deeply appreciated

[edgarcheverier+ 26]

Hi! can you put the link, please?  Do you want something like that right? this is the Foundation Theme.

[Dazinovic 1]

6 minutes ago, edgarcheverier said:

Hi! can you put the link, please?  Do you want something like that right? this is the Foundation Theme.

Something like that yeah, absolutely.

Using the PageLines Framework theme.

link is byggihop.se

[edgarcheverier+ 26]

Try with this. 

[Dazinovic 1]

2 hours ago, edgarcheverier said:

Try with this. 

Goes into this

https://gyazo.com/744138773ebccbacde7e1b6082a98ba7

[edgarcheverier+ 26]

ok, try to put this code in to your css editor.
.pl-content-area { padding-top: 0px}
.pl-content-layout .pl-content-loop {margin-top: -35px}

[Dazinovic 1]

18 hours ago, edgarcheverier said:

ok, try to put this code in to your css editor.
.pl-content-area { padding-top: 0px}
.pl-content-layout .pl-content-loop {margin-top: -35px}

Worked excellent, thank you so much!