Tagged: menu, sub-menu, transparency
-
AuthorPosts
-
November 27, 2018 at 4:21 pm #1038051
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 #1038232Hey Dirkoop,
Could you please attach some screenshots of the issue?
Best regards,
VictoriaNovember 28, 2018 at 9:58 am #1038383Hi 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 6 years ago by Dirkoop.
December 2, 2018 at 12:43 pm #1039901Hi,
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,
VinayDecember 3, 2018 at 10:13 am #1040198Hi,
I mean the full width submenu. See the link in private date for the page. ( not on the home)
- This reply was modified 6 years ago by Dirkoop.
December 4, 2018 at 4:57 pm #1040787Hi Dirkoop,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaDecember 5, 2018 at 10:02 am #1041126This reply has been marked as private.December 14, 2018 at 4:45 pm #1045320Hi,
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,
YigitDecember 17, 2018 at 10:56 am #1046236This reply has been marked as private.December 17, 2018 at 7:16 pm #1046444 -
AuthorPosts
- You must be logged in to reply to this topic.