efraims.tochter

Thanks!
In fact I found a header element, that was sitting above my sections there. I hope I solved it by deleting that element, as I don’t want to have any header anyway. Hope I didn’t screw it up now….

Ok… this is how I changed the Header code.
I played around a lot with the font size of title and subtitel, line height, logo height and padding. The result works ?? I hope you’ll find what you need:

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
	.site-title {
		font-size: 32px;
		line-height: 1.2;
	}
	.site-title a,
	.site-title a:hover {
		color: #fff;
	}

	.site-logo {
		max-height: 110px;
	}
	.site-header {
		position: absolute;
		top: 0;
		left: 0px;
		width: 100%;
		z-index: 1000;
		background-color: transparent;
		padding: 30px;
		-webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		    -ms-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;
	}
	.admin-bar .site-header,
	.admin-bar .site-header.float-header{
		top: 37px;
	}
	.header-image {
		display: none;
		position: relative;
		height: 300px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.header-inner {
		display: none;
	}
	.site-title {
		font-size: 28px;
		float: right;
		width: 54.5%;
		margin: 3px 55px 0px 0px;
		padding: 5px 0px 23px 0px;
	}
	.site-description {
		color: #ffffff;
		float: right;
		line-height: 0;
		margin: -8px 4px;
		padding: 0px 27px;
	}
	.site-header.fixed {
		position: fixed;
	}

	.site-header .col-md-4,
	.site-header .col-md-8 {
		min-height: 0;
	}

	.site-header .logo {
		float: left;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}

	.site-header .logo a {
		display: inline;
		height: 100%;
		float: left;
	}

	.site-header .logo {
		width: 135px;
		height: 27px;
	}

	.site-header.float-header {
		background-color: rgba(0,0,0,0.9);
		padding: 0;
	}
	.site-header.float-header #mainnav {
		padding: 0;
	}

	.site-header.float-header #mainnav > ul > li > a {
	    height: 70px;
	    line-height: 70px;
	}

	.site-header.float-header .logo {
	    	margin: 20px;
	}

Ok… this is how I changed the Header code.
I played around a lot with the font size of title and subtitel, line height, logo height and padding. The result works ?? I hope you’ll find what you need:

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
	.site-title {
		font-size: 32px;
		line-height: 1.2;
	}
	.site-title a,
	.site-title a:hover {
		color: #fff;
	}

	.site-logo {
		max-height: 110px;
	}
	.site-header {
		position: absolute;
		top: 0;
		left: 0px;
		width: 100%;
		z-index: 1000;
		background-color: transparent;
		padding: 30px;
		-webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		    -ms-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;
	}
	.admin-bar .site-header,
	.admin-bar .site-header.float-header{
		top: 37px;
	}
	.header-image {
		display: none;
		position: relative;
		height: 300px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.header-inner {
		display: none;
	}
	.site-title {
		font-size: 28px;
		float: right;
		width: 54.5%;
		margin: 3px 55px 0px 0px;
		padding: 5px 0px 23px 0px;
	}
	.site-description {
		color: #ffffff;
		float: right;
		line-height: 0;
		margin: -8px 4px;
		padding: 0px 27px;
	}
	.site-header.fixed {
		position: fixed;
	}

	.site-header .col-md-4,
	.site-header .col-md-8 {
		min-height: 0;
	}

	.site-header .logo {
		float: left;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}

	.site-header .logo a {
		display: inline;
		height: 100%;
		float: left;
	}

	.site-header .logo {
		width: 135px;
		height: 27px;
	}

	.site-header.float-header {
		background-color: rgba(0,0,0,0.9);
		padding: 0;
	}
	.site-header.float-header #mainnav {
		padding: 0;
	}

	.site-header.float-header #mainnav > ul > li > a {
	    height: 70px;
	    line-height: 70px;
	}

	.site-header.float-header .logo {
	    	margin: 20px;
	}

Hey, AlexH.,

this link was the final help for my problem:
https://www.ads-software.com/support/topic/logo-next-to-title-2?replies=4

It didn’t work exactly how he described the code but with a little playing around with the dimensions of the font it worked at least!

Sorry this took so long. I will also look up the code again, that I finally used and post it here when I found it. That should be more accurate then…

regards

Hey Wajih84,
this link was the final help for my problem:
https://www.ads-software.com/support/topic/logo-next-to-title-2?replies=4

It didn’t work exactly how he described the code but with a little playing around with the dimensions of the font it worked at least!

Sorry this took so long. I will also look up the code again, that I finally used and post it here when I found it. That should be more accurate then…

regards

THANKS SO MUCH!
With the position ‘float right’ instead of ‘left’ and a few attempts in adding padding and margin values, I finally managed to achieve the perfect position for the titel including the logo image.
Happy me ??

Thanks a lot!

This is the site. You can see, the logo actually already sits in the right position now, but the title and subtitle ought to sit next to it inline on the right hand side and not beneath it.

https://www.naturheilpraxis-andrea-nawka.de/

Hey awanrmb,

thanks so much for that piece of help! I managed to add a logo to the frontpage without removing the page title instead!

Now there is just one thing left I would still like to change: The logo is sitting ABOVE the main title now, but I want it to sit left to it (using the baseline of the subtitle/site description). I already tried different things but I am not familiar enough yet with the codes…. Any advice on how I can arrange that?

Thanks a lot in advance!