Okay
  Public Ticket #2776006
Menu Background Color
Closed

Comments

  • cultureartists started the conversation

    Hello, 

    How can I change the background color of the main navigation menu in the site? Could you please provide me with custom CSS in order to change this from black to white? I don't see any options for it in Theme Customization and have dug through the CSS and JS files to no avail. 

    Please advise. 

    Thanks!

  •  1,973
    Support replied

    It looks like it is white , the background however you need to add

    @media (min-width: 1025px){
        .fullscreen-menu .flexnav li a {
              color: #171717;
         } 

    }

    in customizer -> additonal CSS to make the menu items black

    https://prnt.sc/12vy7ej

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • cultureartists replied

    Ok, 

    Could you show me the CSS to fix the submenu items in the full page navigation menu?  
    If you click "Artists" there are two items under it. I need to change those to #171717;  and also I need to make the font-size a little bigger. 

    Also, I need to make the "X" black in upper right hand corner to see that to be able to close the menu. 

    Please let me know. 

    Thanks, 
    Josh

  •  1,973
    Support replied

    Hi there,

    you're right, try adding in this case

    @media (min-width: 1025px){
         .flexnav li ul li a {
               color: #171717!important;
          }

    }

    in customizer -> additional CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • cultureartists replied

    That worked... what about making the font size of those links under artist bigger? 

    Also I need to make the "X" to close the menu in the upper right corner black as well. 

    Plesse advise. 

    Thanks! 

  •  1,973
    Support replied

    Hello,

    try

    .light-content #menu-burger span {
        background-color: #000;
    }

    @media (min-width: 1025px){
         .fullscreen-menu .flexnav li ul li a {
               font-size: 14px;
               font-weight: 500;
               line-height: 20px;
         }

    }

    change font size, font weight or line height if necessary and add the code to customizer -> additional CSS


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy