You must have valid license to access this content.

You must have valid license to access this content.

You must have valid license to access this content.

[FocuxTheme Support]

Hi, @wemakestuff

I have tested the custom CSS again. please try the following CSS

h1.logo,h1.logo a{
  width: 200px;
  height: 200px;
}
@media all and (max-width: 1349px){ 
    #sidebar .logo a{
        width: 200px;
        height: 200px;
	background-size:auto 200px;
    }
}

Also, on mobile phone, the height of your responsive LOGO is too high so that if you want it not cropped, you have to increase the height of responsive top bar. I’m not suggest you to do that, because the top bar is too high so that it will hide more space, if you put the following CSS to the custom CSS field, you will see the result.

.responsive-header{height:160px;}
.responsive-logo {height:140px;}

So the recommended method is reduce the logo height or use the other simplify LOGO for the responsive LOGO.

[FocuxTheme Support]

Hi, the colorbox plugin has already intergrated in the theme, and if you want to use it, you should add the following javascript to “OldCar options > Custom codes > Custom javascript”

$('a.lightbox').colorbox();

Then add the class name “lightbox” to the a tag, for example:

<a href="image url" class="lightbox">Colorbox</a>

[FocuxTheme Support]

My pleasure!

[FocuxTheme Support]

Hi

I found you have changed the height of lOGO container to 200px in layout.css, You also need to change the height in responsive.css for the smaller window.
you will find the following css in responsive.css

#sidebar .logo a{
		background-size:100% auto;
		width: 220px;
		height: 66px;
	}

just change the height to 200px.

However, the best way is that don’t edit any css file(layout.css and responsive.css), because it will influence the smooth update in the future ,
so you can put the following css to custom.css or “OldCar options > Custom codes > Custom CSS”

h1.logo,h1.logo a{
  width: 200px;
  height:200px;
}
@media all and (max-width: 1349px){	
	#sidebar .logo a{
		background-size:100% auto;
		width: 220px;
		height: 200px;
	}
}

Also, I will improve this issue in next version and make the height of LOGO container auto increase.

Thanks!

You must have valid license to access this content.

You must have valid license to access this content.

You must have valid license to access this content.

[Author]

Posts