Custom header css

furlanj

Hi everyone, look, I'm having a hard time changing css settings in the header of this site http://fertimac.com.br/site-oficial/. The two main doubts are:

How to change the height of the mobile logo?

How to customize the toggle button, color, and font-weight?

I am trying to change in BeTheme / CSS & Custom JS / CSS Options but I am not getting results.

Bryan

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

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

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

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

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