Custom header css

furlanj · September 2017

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 · September 2017

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

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

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;
 }

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.

Custom header css

Comments