Hi Support.
Thanks for your answer.
I did a deeper search of the forums, and it seems like I have a partial answer:
https://colorlibsupport.com/t/organize-header-area/
So doing a bit of playing around, I managed to get the logo to be directly on top of the text, but not to the left of it. When I get some opportunity to play around some more with it I will do so. And if I get the code here to cooperate and do what I ask, I will update it and share it with the community.
My site is https://www.isc2chapter-sweden.se/ if anyone wants to see what I am trying to do
Thanks anyway for responding.
#site-logo:before {
content: '';
display: block;
width: 200px;
height: 100px;
max-width: 30%;
background: url("https://www.isc2chapter-sweden.se/wp-content/uploads/2017/03/Sweden-Logo-Stacked.png") no-repeat;
background-size: 100%;
position: relative;
right: 0%;
top: 0%;
}
#branding .hgroup-wrap > .hgroup-right .social-icons{
float: right;
}