Hi all,
I’ve just started a redesign of my own website after quite a while away from any web dev stuff, so a bit rusty.
The new menu structure has been laid out, but when I hover over the main menu items and the menu items appear, they are floating off down the page.
I have a shrinking header, custom height 240px, which corresponds to the position when header is expanded, but not when it shrinks.
The page is here if someone could possibly give me some pointers on what to check – https://externalreality.co.uk/home/
Many thanks,
Richard
Think I’ve sorted it myself, but with the rather ugly
.av-main-nav ul {
top: 60%;
}
Now I’m just looking to try and get pages to load with the shrinking header shrunk when the page loads.
Hi Hyperopic,
When you set the header size to 240px, this also includes setting the main menu item’s height to 240px, that’s why it’s appearing far below.
I would suggest using the slim header size and then instead use some CSS to increase only the size of the logo.
Best regards,
Nikko