- This topic has 9 replies, 3 voices, and was last updated 2 years, 11 months ago by
Tom.
-
AuthorPosts
-
February 24, 2020 at 12:18 pm #1175627
Reed
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?
February 24, 2020 at 6:29 pm #1175847Tom
Lead DeveloperLead DeveloperHi 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 24, 2020 at 6:37 pm #1175853Reed
That is correct.
It is in maintenance mode. I have submitted a link to temp login using the contact form.
Thanks,
ReedFebruary 25, 2020 at 10:29 am #1176606Tom
Lead DeveloperLead DeveloperHmm, 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 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 25, 2020 at 4:05 pm #1176853Reed
About the same – the logo is in line with the navigation, not vertically centered by the entire header height.
February 26, 2020 at 7:25 am #1177616David
StaffCustomer SupportHi there,
can you remove the social Icons from the Top Bar and place them in the Header Widget.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 28, 2020 at 10:41 am #1179926Reed
Yes. Still not aligned unfortunately.
February 29, 2020 at 12:05 am #1180259Tom
Lead DeveloperLead DeveloperHi 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; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 29, 2020 at 10:37 am #1180777Reed
Perfect this worked!
Thank you.March 1, 2020 at 1:19 am #1181076Tom
Lead DeveloperLead DeveloperYou’re welcome π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.