Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 22, 2022 at 1:26 pm #1373492
    gabrimore98

    Hi,

    I’d like to have the dropdown menu, that appears from the navigation menu in the header, behave exactly like the header.

    I really like the transparency of the Header and I like the effect that it is displayed/appears when the user scrolls down. What I’d like to have also is that the dropdown menu should work exactly in the same way.
    More specifically, I’d like that, when the header is transparent and I go with the mouse over a voice on the Navigation Menu making the drop-down menu appear, it should appear with a transparent background, exactly like the header at that moment, but with the voices of the menu not transparent (opacity: 1 and maybe white should work for my website). Then, when the user scrolls down the website, the header goes back to its color, by removing the transparency, and the drop-down menu should do the same, setting back the background of the dropdown menu to the color of the header.

    I fewer words, I’d like to have drop-down menus that behave exactly like the transparency of the header offered by enfold.

    Thank you !

    November 22, 2022 at 4:03 pm #1373540
    Nikko

    Hi gabrimore98,

    Can you give us temporary access? so we can see the preview page.
    Just post the credentials in private content.

    Best regards,
    Nikko

    November 22, 2022 at 5:54 pm #1373552
    gabrimore98

    Yes, I post the in the private content.

    Pay attention that the website is under maintenance so it redirects to the maintenance page.
    The page with the right menu is “Homepage”

    Best regards

    November 23, 2022 at 4:46 am #1373595
    Nikko

    Hi gabrimore98,

    Thanks for giving us temporary admin access, I have replaced this code in your Quick CSS:

    /*menu trasparente*/
.header_color .main_menu .menu ul li a {
    background: rgba(255,255,255,.5);
}

    with:

    /*menu trasparente*/
#header.av_header_transparency #avia-menu .sub-menu > li > a  {
    background: rgba(255,255,255,.5);
}

    Please review your site.

    Best regards,
    Nikko

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