Submenu in a transparent split menu

Comments

• Pablo

  October 2018

  Hi,

  Please use this code, it will fix the height issue too.

  
  

  @media(min-width:1240px){
  	#Top_bar:not(.is-sticky) .sub-menu{
  	top:105px !important;
  	}
  
          #Top_bar .sub-menu{
          background:transparent !important;
          }
  
   	#Top_bar:not(.is-sticky)  .sub-menu .sub-menu{
  	top:0 !important;
  	}
  }

  If this won't work, please send me a link to your website.
  
  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• elitefirenze

  October 2018

  Thank you for your reply!

  Your code works, I made just a small integration on this part 

  
  

      #Top_bar:not(.is-sticky) .sub-menu{

          background:transparent !important;

          }

  to show the submenu in green, instead transparent, on the sticky menu, but a problem persists.

  
  

  As you can see by this screenshot  https://ibb.co/gackg9

  when you are on any other pages except the homepage, the submenu is still transparent (like in the homepage), but in these pages it should be green, because the page's background is white and it becomes impossible to see.

  
  

  The header and topbar are green, differently from the homepage (transparent), because I'm using this custom code

  
  

  body:not(.home) #Header #Top_bar {

    background-color:#5d7975 !important;

  }

  
  

  Thank you so much for your help!

  
  

  Waiting for your kind reply,

  Regards
• Pablo

  October 2018

  If you want to have this modification only on home page, please

  on your main page, please inspect it and look for ID of your page.

  http://prntscr.com/l4bmk0

  
  

  Then, add before every CSS line this code:

  body.page-id-(if-of-page) rest of code.

  
  

  For example:

  body.page-id-172 #Top_bar .sub-menu{(...)}

  Cheers.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• elitefirenze

  October 2018

  Thank you so much! Now it works perfectly!