Archived topic
Logo floating left of header+navigation+top bar
9 replies · Started by Reed on February 24, 2020
Hello,
I have attached an image of my current header setup. I am currently using the dispatch imported site.
I would like to make my logo larger, and have to to the left, vertically centered beside all header content (primary navigation and the top bar).
More similar to how this site is layed out: https://thepointsguy.com/
Is there an easy way to do this?
Hi there,
Just to confirm, are you wanting the top bar to be next to your logo as well as the navigation?
Your link doesn't seem to be loading the site - can you double-check?
Let me know :)
That is correct.
It is in maintenance mode. I have submitted a link to temp login using the contact form.
Thanks,
Reed
Hmm, you might be better off ditching the "Navigation as Header" option, then setting the Navigation Location to "Float Right". Then you can add the social icons to the "Header" widget area.
Let me know :)
About the same - the logo is in line with the navigation, not vertically centered by the entire header height.
Hi there,
can you remove the social Icons from the Top Bar and place them in the Header Widget.
Yes. Still not aligned unfortunately.
https://imgur.com/a/cOkSzR0
Hi there,
Try adding this CSS:
@media (min-width: 769px) {
.site-logo {
float: left;
margin-top: 25px;
}
.nav-float-right .header-widget {
top: 0;
margin-top: 15px;
}
}Perfect this worked!
Thank you.
You're welcome :)
