Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 27, 2018 at 4:21 pm #1038051
    Dirkoop

    Hi,

    I have a menu with transparency, but i also want that the sub menu is transparant en when you scroll it stays transparant. ( it gone now white when scrolling) ( Link in private content)

    For the transparent header i use this CCS in General styling:
    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.4);
    }

    Can some help me with this?

    Thanks in advance!

    November 27, 2018 at 10:09 pm #1038232
    Victoria

    Hey Dirkoop,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    November 28, 2018 at 9:58 am #1038383
    Dirkoop

    Hi Victoria,

    The main menu is now good, only i have a now question about the full with menu, I want this the same color/transparency as the main menu when scrolling. ( its a little bit darker when scrolling)

    This is the code i use for the main menu in CCS:

    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: rgba(0, 0, 0, 0.65);
    color: #ffffff;
    }


    This code i use in General styling CCS:

    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.4);
    }

    This code i use now for the full with sub menu:

    #sub_menu1, #sub_menu1 a {
    background:#D3D3D3;
    }

    Page with full with sub menu in the private content

    • This reply was modified 5 years, 12 months ago by Dirkoop.
    December 2, 2018 at 12:43 pm #1039901
    Vinay

    Hi,

    Thank you for sharing the details.

    I checked your site and found that the submenu is already transparent when the page is scrolled.

    Please view the screenshot in private content area.

    Let us know if you still need help and exactly what the issue is?

    Best regards,
    Vinay

    December 3, 2018 at 10:13 am #1040198
    Dirkoop

    Hi,

    I mean the full width submenu. See the link in private date for the page. ( not on the home)

    • This reply was modified 5 years, 11 months ago by Dirkoop.
    December 4, 2018 at 4:57 pm #1040787
    Victoria

    Hi Dirkoop,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    December 5, 2018 at 10:02 am #1041126
    Dirkoop
    This reply has been marked as private.
    December 14, 2018 at 4:45 pm #1045320
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
#sub_menu1 a {
    background: transparent;
    color: #f2f2f2;
}

#sub_menu1 {
    background: rgba(0,0,0,0.6);
}

    Best regards,
    Yigit

    December 17, 2018 at 10:56 am #1046236
    Dirkoop
    This reply has been marked as private.
    December 17, 2018 at 7:16 pm #1046444
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    #top .sticky_placeholder {
    background: white;
}

    Best regards,
    Yigit

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