Hey,

Thanx for your feedback, this solved the problem!!

Cheers!!

Hi,

It’s almost the way I want it to work.
As you can see in the picture below the blue squares on the sides are 1 pixel too low. This is because the grey line of demarcation between the menu items.

View post on imgur.com

If I raise the bottom of blue sqaures on the sides the problem will be solved, except then I have a problem with the last menu item. As then the blue squares on the sides will be 1 pixel too high in comparison to the middle section. Because below the last menu item there is no grey line.

Is there a possibility to fix this?
The only solution I could come up with is to extend the grey line of demarcation between the menu items all the way from left to right.

• This reply was modified 8 years, 12 months ago by tdebrouwer.

Hi Yigit,

Thanks for the fast feedback!
This helped a lot but isn’t quite what I want to achieve. Please regard the picture in the link below:

View post on imgur.com

How do I extend the edges of the blue square so it also include the red colored sections?

Hi Rikard,

Thanks for your reaction, the problem with my “portofolio” header is solved thanks to your help.

Regarding the other issue with the images. If I can hide the “mobile” section for “desktop” screens and otherwise it shouldn’t be a problem for me.
Could you explain to me how I can do this with css?

Thanks in advance!

No the website is not online. I’m running it offline on my local host :S

I want that the font of the main menu at the top of the page looks the same as the font of the sub menu below the header (Layerslider)

Thanks in advance