Custom header css

Comments

• Bryan

  September 2017

  hi,
  Please show me the css you are using to do those things.
  thanks
  

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

  September 2017

  For the logo:

  @media only screen and (max-width: 767px)  { 

  #Header_creative #Top_bar #logo { 

  height: 65px !important; 

  } 

  }
  

  
  

  For the toggle button:

  [class^="icon-"]:before, [class*=" icon-"]:before {

  font-weight: 700 !important;

  color: #cf0c11;

  }:
  
• Bryan

  September 2017 edited September 2017

  Try this instead

  
  @media only screen and (max-width: 767px)  { 
  body.mobile-header-mini #Top_bar #logo {
  	height: 60px !important;
  	line-height: 60px !important;
  } 
  }
  
  .mobile-header-mini #Top_bar a.responsive-menu-toggle {
  	right: 30px !important;
  }
  #Top_bar a.responsive-menu-toggle i {
  	font-size: 34px !important;
  font-weight: 800 !important;
  color:red !important;
   }

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

  September 2017

  Neither of them worked. Is the place where I'm putting it right (BeTheme Options / CSS & Custom JS / CSS Options)?

  
  

  In the toggle I want to change the color and the font-wheight.
• Bryan

  September 2017

  Please remove any previous css and paste our, it works fine. Try deleting browser cache.
  

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