Hi Achilleas

I notice currently the menu dropdown is displaying to low to your menu. Is this the issue you are referring to?

Ciaran

Hello Ciaran,

Yes, that is correct. I actually tried to make the height of the header area smaller. The dropdown are in their original position. I hope that when the excess height below the main menu is removed (as the picture I sent) that everything will be in order. However, I tried for several hours but no luck in finding the right css code that will work in both desktop and mobile.

Thank you for the response,
Achilleas

Thank you

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornavmenu-top .hornav li:hover > ul, 

.hornavmenu-top .hornav li ul li:hover > ul {

    top: 60px;

}

Ciaran

Hello Ciaran,

Thank you for your reply. The drop-down menus now work nicely.
Can you help us with the removal of the empty space low the navigation menu? I attach a picture to show what I mean.

Hello

To amend try also adding the following to your Custom CSS field...

#container_header {

    height: 58px;

}

Ciaran

Thank you