Row background behind mobile menu

  • Resolved wordzebra

    (@wordzebra)


    3 years, 2 months ago

    Hello,

    I would like the mobile and tablet menu button, which is part of the header, to be right under the title and undertitle as it is right now, but also be part of the same background image in the header. I tried to make it so by setting the Overlay Opacity to 0 and also selecting a transparent overlay colour, but that doesn’t help.

    A little bit overlay might also come in handy, but for some reason the row hides the background image completely.

    Best regards

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

Viewing 1 replies (of 1 total)
  • Mat

    (@mateithemeisle)

    Hello @wordzebra ,

    Thank you for using Neve and for reaching out!

    It seems like the Menu Icon component is set on another row for the mobile content in the header builder. To achieve an effect like the one you desire please make sure to have the Menu Icon Component on the same row as the background image, then you can use some CSS to reposition the Menu Icon.

    Here is an example of the Customizer Setup.

    This is the CSS code I added to achieve the desired result.

    .row.row--wrapper {
    display: block !important;
}
.hfg-slot.right {
    justify-content: center;
}

    And this is the final result.

    Thank you and have an amazing day!

Viewing 1 replies (of 1 total)
  • The topic ‘Row background behind mobile menu’ is closed to new replies.

Tags