[Solved] – responsive question – logo moves when screen size is reduced

[Bones_Jones]

hi guys,

i have a noob question – how do i make make the logo not move when the browser size is reduced? logo is supposed to be perfectly centered, but when it is resized to about 760px it moves up about 30-40px.

and the menu also changes its position. it moves up slightly.

link
http://goo.gl/jZPTbK

any idea why it is doing that?

[nixnerd]

Nice handle.

We’re going to need a Codepen for this. I’m going to guess that part of the problem is the fact that the logo is wrapped in an h1 that spans the entire wrapper. Without being able to fiddle with the code, we’ll never know.

[Paulie_D]

There’s a change in the padding on the logo-wrapper div from

.logo-wrapper {
padding-top: 55px;
padding-bottom: 20px;
}

to this

@media only screen and (max-width: 1179px)
div.header-wrapper .logo-wrapper {
float: none;
padding: 30px 0px 30px;
}

[Bones_Jones]

oooh i think that fixed it! thx!!! it looks ok now, right?

[Paulie_D]

Looks like it.

[Author]

Posts