Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 6, 2018 at 1:35 pm #1018493
    DesignUM_International

    Hello,

    I am trying to make my subheader menu background transparent: (actually: rgb (0,0,0,0.1)) only when my header is also same color (which is very top position on the page). I use transparent header with borders in enfold theme. As you know, it transforms into solid black background as you scroll down. I want the subheader background to act the same: transparent on top and solid black background when scrolled down; at the same time with the header. How can I do this?

    Thanks in advance,

    Mert

    October 8, 2018 at 7:01 pm #1019131
    Victoria

    Hey DesignUM_International,

    Best regards,
    Victoria

    October 8, 2018 at 7:52 pm #1019172
    DesignUM_International

    Hello,
    I mean the dropdown menu at header>about.
    Regards,
    Mert

    October 10, 2018 at 5:52 am #1019773
    Ismael

    Hi,

    Thanks for the update.

    Use this css code to make the sub menu transparent.

    .header_color .main_menu ul ul {
    background-color: transparent;
}

    Best regards,
    Ismael

    October 10, 2018 at 8:22 am #1019830
    DesignUM_International

    Thanks for the reply Ismael, but it is not exactly what I was looking for. Let me repeat the request just to clear the misunderstandings. I want the drop-down submenu background (for this case it is dropdown menu under “about”), to be transparent only when we are at the very top of the page; when we scroll down, it would transform into black color. So that it would act just like the header itself.
    Thanks,
    Mert

    October 11, 2018 at 4:07 am #1020129
    Ismael

    Hi,

    Thanks for the clarification. You can replace the previous css code with this one.

    .header_color .main_menu ul ul {
    background-color: #000000;
}

.av_header_transparency.header_color .main_menu ul ul {
    background-color: transparent;
}

    Best regards,
    Ismael

    October 11, 2018 at 10:21 am #1020246
    DesignUM_International

    Thanks for the code! It is what I needed.
    Best regards,
    Mert

    October 11, 2018 at 6:17 pm #1020427
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Make subheader menu background change transparent/colorful same as header’ is closed to new replies.