Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #379247

    Having some issues with Quick CSS customizing a Full Width Sub Menu.

    I have it looking just how I want it on the desktop version seen here It has a transparent background, the correct colors ect.

    I adding in all my code, but in the but when shrunk down the mobile/table header background is Green when it should be Black.
    Issue is I can change it to Black up the background of my Full Width Sub Menu pre-scroll also changes to Black when it should be Green like it is now.

    Here is my code so far

    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(0,0,0,0.5);
    #top .av-submenu-container {
    background-color: transparent !important; 
    #top .av-subnav-menu li a {
    background-color: transparent !important; 
    #top .av-subnav-menu li a > .avia-menu-text {
    color: #FF6000; font:strong;
    #top .av-submenu-container, #top .av-subnav-menu li a { border: none!important; }
    .header_bg {
        background: rgba(0, 0, 0, 0.8) !important;
    #main {
        padding-top: 0 !important;

    Hi Jon!

    Can you please post the link to your website?



    apologizes, I forgot it in the first post



    Add this at the very bottom of the Quick CSS:

    @media only screen and (max-width: 989px) {
    #top .av-submenu-container {
    background-color: #000000 !important;

    Remove browser cache then reload the page.



    awesome, I guess I was over thinking it.
    Thanks for the solution.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How To change submenu background color’ is closed to new replies.