Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Resolved] how to make my header/navigation/menu like that of apple.com

Home Forums Support [Resolved] how to make my header/navigation/menu like that of apple.com

Home Forums Support how to make my header/navigation/menu like that of apple.com

  • This topic has 5 replies, 2 voices, and was last updated 6 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #430343
    allan

    hi,

    sorry i don’t know how to ask this question, i just need to make the nav/header/menu be like that of apple.com or just simply copy how apple.com menu/header behaves.

    thanks,

    #430378
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Is there a specific aspect of it you like/want to achieve?

    #430426
    allan

    Hi Tom,

    thanks for the reply. Basically, I want to achieve 2 things:

    1. transparency upon scroll. I’m not sure if it’s the header or menu/nav (in apple.com homepage)
    2. there’s a 2nd layer of menu in https://www.apple.com/iphone-x/, so that when you scroll, the first menu (the dark grey) disappears so that what is left is only the menu that is white/transparent.

    Thank you very much in advance Tom.

    -allan

    #431231
    Tom
    Lead Developer
    Lead Developer

    1. You can set the background color of the sticky nav:

    .main-navigation, .main-navigation ul ul {
        background-color: rgba(255,255,255,0.7);
    }

    2. You can use the Secondary Nav add-on to build a second menu – then only the primary menu will be sticky.

    #431260
    allan

    thanks.

    #431747
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

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