Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 8, 2020 at 8:08 pm #1228984
    Hyperopic

    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

    July 8, 2020 at 8:28 pm #1228989
    Hyperopic

    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.

    July 9, 2020 at 10:57 am #1229102
    Nikko

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.