Archived topic
Header Logo moves on lower resolution
5 replies · Started by Niklas on March 8, 2021
Good day,
unfortunately I have a problem with the header on my website that I have not been able to solve yet.
On any page on the website provided in the private information, the logo in the header on the left keeps rising above the navigation when one zooms in or accesses the website using a lower resolution. Is there any Way to ensure the logo always sticks to the left of the navigation and scales down if necessary?
best regards
Niklas
Hi there,
you may want to try enabling the Navigation as Header option in Customizer > Layout > Header - this will keep the elements inline.
That unfortunately removes all styling from the navigation aswell as makes it stick to the top right corner, while my logo is on the left about 20% of it's original size.
Is there any other alternative? Or should I just use your suggestion and try to style the header back the way it was?
Its better to use the Navigation as Header in this instance - and apply the padding etc with some CSS. Happy to help with that - let me know.
Alright, I'm not that good at creating custom CSS.
If you could help me get the header to look the same as now using CSS and the navigation as header that would be great.
Hi Niklas,
Could you attach a screenshot of the header that you are trying to achieve? Both for desktop and mobile.
Here's an instruction on how to upload screenshots.
https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
