How to overlay the menu on my header image?

  • flexplorer

    (@flexplorer)


    6 years ago

    Hello – I would like to place the menu bar overlaying the bottom part of my header image. And I hope to make the menu transparent so there are no menu borders, only the menu options.

    Any help will be appreciated. Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kartik Shukla

    (@kartiks16)

    Hello flexplorer,

    Add below CSS either in your theme css.css (line #141) or add them in your customizer i.e. Appearance >> Customize >> Addition CSS

    .menu {

    margin-top: -4%;
    opacity: 0.75;
    }

    See if this helps.

    Thanks.

    Thread Starter flexplorer

    (@flexplorer)

    Sweet! This put the menu exactly where I wanted it to go!

    Is there a way to make so the opacity is “0” but the actual menu words still show and the hover effect remains?

    Kartik Shukla

    (@kartiks16)

    Hello flexplorer,

    Making the Opacity 0 will make it completely invisible, to be at least visible the Opacity can be kept minimum to 0.5+

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to overlay the menu on my header image?’ is closed to new replies.