I want to make a header that is responsive, and changes the content based on loged in or loged out state for the user.
On desktop I want it like this when loged out
And loged in like this
And on mobile loged out
Mobile loged in
The different elements are blocking eachother to stay in the correct position that I want. I have the elements not visible when user is loged in etc. And remove the element when the page is less than 640px but it still seems like the element is there, just hidden and not collapsed as i want
How can I solve this?