Small hero banner post resolution

Here is an example of the resolution difference. Just check the bottom post compare to the rest.

https://www.dropbox.com/s/sycejelhaq5fjfd/Screenshot_2015-03-07-06-19-54.png?dl=0

That sound very easy 🙂 though I am not ready to change to the new update, I got used to the old one and still love the old mobile menu with the logo on top. Also I tried in my test website but I cannot find the proper way to set up the logo, since I have a handful of mods in place that make it impossible without having to deleted a huge chunk of css.

I see well I definitely want to change to the new sparkles, but I am having trouble making the mobile logo be the same way as I have now. And I have no Idea why.

manage to change it the way it used to be but I am getting some erros from this code and I have no idea why. Mind taking a look

.site-banner .site-logo {
	margin: 0;
	line-height: 60px;
	height: 55px;
}

@media (min-width: 992px) {
	.col-md-2 {
  		width: 30%;
	}

	.col-md-10 {
		width: 70%;
	}
}

@media (max-width: 991px) {
	html .site-banner .site-logo img {
		max-width: 200px;
	}
}

.site-banner .site-logo {
	line-height: 55px;
}

@media (max-width: 991px){
	.main-navigation ul.menu > li.site-mobile-menu-toggle{
		position: absolute; 
		background: transparent;
		left: 0px;
		z-index: 1;
	}

	.main-navigation ul.menu>li.menu-item-gsearch{
		position: absolute;
		right: -5px;
		z-index: 1;
	}

	html .site-banner .site-logo img {
		width: auto;
		
		padding-bottom: 5px;
		padding-left: 0px;
	}
}

@media (max-width: 500px){
	max-width: 100%;{
	}
}

@media (max-width: 991px) {
	.site-banner .site-branding {
		position: absolute;
		text-align: center;
		left: 47px;
		right: 45px;
		z-index: 1;
	}
}

BTW WOW! nice update. the website feels faster. Unless I am imagining, also you don’t see the mobile menu bar glitching out of the screen! Great work guys.

Found the problem

@media (max-width: 500px){
	max-width: 100%;{
	}
}

THank you anyways 🙂

Jacob you were right, that was very very easy to do But I was wondering though, what is the ‘large’ size you guys would use to keep proportions and also not to mess with how the hero banner looks, just improving the resolution? the default by wordpress 1024 by 1024 but that is way too big I believe.

Thank you guys

• This reply was modified 6 y, 1 mo by  Erick.

• This reply was modified 6 y, 1 mo by  Erick.

MMM Apparently I thought it worked but it didn’t. Well I officially give up in my quest to improve the resolution on the hero banner images.

Anyhow thank you so much for all the help guys. Really appreciated

Absolutely, and nothing happened. I will set it up in the test site and see what happens.

This didn’t work either. But thats okay I will leave it like this for the time being. Thank you

No, I like to keep them as reference of the things I still need to work on at a later time.