Transparent menu

This topic is empty.

Viewing 1 reply thread
  • Author
    Posts
    • #2412


      Michiel
      Guest

      How can I make the top menu on the homepage transparent, like in the Krystal theme?

    • #2413


      Spiracle Themes
      Guest

      Hi Michiel,

      Try the following CSS

      
      header {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          z-index: 99;
          color: #fff;
          border-bottom: none;
      }
      
      header #soma-main-menu-wrapper .nav>li>a {
          color: #fff;
      }
      
      .soma-top-bar .top-social a, .soma-top-header .top-social a {
          padding-right: 10px;
          color: #fff;
      }
      
      #soma-main-menu-wrapper .navbar-toggle .icon-bar {
          background: #fff;
      }
      
      #page-title h1 {
          margin-top: 150px;
      }
      
      @media only screen and (max-width: 767px) {
      	.scroll-fix {
      	    position: relative !important;
      	    border: 0;
      	}
      
      	header #soma-main-menu-wrapper .nav>li>a {
      	    color: #555;
      	}
      }
      
      
      /* sticky header */
      header.fixed {
          color: #555;
      }
      
      header.fixed #soma-main-menu-wrapper .nav>li>a {
          color: #555;
      }
      
      header.fixed .soma-top-bar .top-social a, 
      header.fixed .soma-top-header .top-social a {
          padding-right: 10px;
          color: #555;
      }
      

      Copy and paste it in Appearance -> Customize -> Additional CSS

      Let us know if this works for you 🙂

      Best Regards

Viewing 1 reply thread

Reply To: Transparent menu

Your information: