Vertical Header Logo Margin Top

[icecast]

in header layout #10, any suggestions to make .vertical-header #logo have same margin-top as content to the right? by default, it is substantially lower than content on desktop …

i tried adjusting padding and margin, logo looked fine, but when logged in, the admin bar covered logo

[Kyle – SUPPORT]

Hi

Add this to your custom css:

#logo a:before {
  height: auto;
}

– Kyle

[icecast]

unfortunately did not work, also tried !important

[Kyle – SUPPORT]

it did work, I can see that it’s moved up a little bit. You just need to add this as well:

.vertical-header #header-section #header {
  padding: 10px 0 40px;
}

– Kyle

[icecast]

when logged in, the admin bar covers up the logo

[Kyle – SUPPORT]

That’s because of the CSS change

– Kyle

[icecast]

obviously, that is why the attempted solution does not work

[Kyle – SUPPORT]

Add this:

.logged-in .vertical-header #header-section #header {
  padding: 40px 0;
}

– Kyle

[icecast]

does not work, but looks like the right track, is there a .logged-out option with padding-top: 10px?

[Kyle – SUPPORT]

You need to use the custom css that I gave you before, then also the css, so all of:

.vertical-header #header-section #header {
  padding: 10px 0 40px;
}
.logged-in .vertical-header #header-section #header {
  padding: 40px 0;
}

– Kyle

[icecast]

i am confused – i have removed everything from before and am only using below? if so, does not work, same problem with admin bar covering logo when logged in

.vertical-header #header-section #header {
padding: 10px 0 40px;
}
.logged-in .vertical-header #header-section #header {
padding: 40px 0;
}

[Kyle – SUPPORT]

My user is not working anymore, please could you reactivate?

– Kyle

[icecast]

it is reactivated

[Kyle – SUPPORT]

Check now

– Kyle

[icecast]

it is higher, but still not on same plane with other content – should be appx. 10px from top of page, looks like it is 30px from top of page