[bub]

Hey guys,

I am having trouble with my header logo and the website title.
I cannot seem to get both the logo and the title side to side, which is exactly what I want.

Am I doing something wrong?

Thanks for your help in advance.

Regards,
Jürgen

[Skandha]

Please post in your site URL so that I can look in to the issue.

Kind Regards,
Skandha

[bub]

Hi Skandha,
thanks for the quick reply.

The page isn’t online yet, so you won’t be seeing anything…

Is there anything else I can do to aid you helping me? 😉

Regards,
Jürgen

[Skandha]

You can provide me your admin credentials and I can have a look at your site and provide you possible solutions. I will contact your shortly by email.

Kind Regards,
Skandha

[bub]

Hi Skandha,

I haven’t received an eMail yet, have you already tried to contact me?

Thanks,
Jürgen

[Skandha]

I had sent an email to [email protected] yesterday. Didn’t you receive any email?

Kind Regards,
Skandha

[bub]

I sent you an eMail as well, can’t seem to get in contact with you…

Regards,
Jürgen

[Skandha]

Well that is strange. Can you try sending me an email again at [email protected]

Kind Regards,
Skandha

[Skandha]

Sorry for the late reply.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:767px) {
	#site-logo, #site-header {
		display:inline-block;
	}
	#site-branding {
		width:700px;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[bub]

Yay, it works!!
Thanks a lot for your help!

Regards,
Jürgen

[Skandha]

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:1200px) {
	.container {
		width:1270px;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[bub]

Works like a charm! Thanks for that!

Some other things:

1.
I have added further CSS I found in the support forum, now the logo left of the site title is too close to the site title.
Is there a fix for that?

2.
Another problem appears on mobile screens (eg. Apple iPhone 6S). There is white space above the header which moves out of sight when scrolling the site.

Regards,
Jürgen

[Skandha]

You seem to have change your admin credentials. I am not able to login to your site.

Kind Regards,
Skandha

[bub]

oh, sorry…
it’s back to the one you know!

[Skandha]

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#site-logo {
     padding-right:10px;
}

Let me know if this works out!
Kind Regards,
Skandha

[bub]

perfect Skandha, thanks for that!

Greets,
Jürgen

[bub]

Another problem occurring atm is that the semi-transparent header covers the upper parts of each page on smaller screens.
I tried my luck in the forum but didn’t find any help there.

[Skandha]

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#masthead {
      padding:0;
}

Let me know if this works out!
Kind Regards,
Skandha

[Skandha]

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:993px) and (max-width:1025px) {
		#site-header {
			width:560px;
		}
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts