Logo position at the top + bigger Logo

Hello,

1. I would like to place the logo on our site at the top (no margin tru the white edge), and on the left site only a little margin > that´s the edge of our logo is in one line with the first word in our menu navigation.

For easier understanding I attach two screenshots.
"logo_alt" is the actuall look like.
"goal", so it should look like.

2. Is it possible to resize the logo (make it bigger)?

I tried it in css with that code, but that has no effect > nothing changed...

Code:

#logo {
position:absolute;
left:5px;
top:0px;
}

Hope you can help me. Thank you.
Greetings Miriam

 

Hello, Miriam!

Could you please provide us URL of your website so that we can assist you accordingly?

Thanks,
Praveen

 

Sure, that´s the URL: http://relaunch.severin-wuerzburg.de/

 

Hey, Miriam!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header {
  padding-top: 0 !important;
}
.header .logo {
  padding: 0 !important;
}
@media only screen and (min-width: 768px){
.logo img {
  float: left !important;
  margin-left: -15px !important;
  margin-top: -5px !important;
  max-width: 150% !important;
  width: 130% !important;
}
}

Thanks,
Praveen

 

Hi Praveen,

I had paste the code there now. But the logo is not on the top of my page.

I tried to influance that in your code, but it has no affect. What´s wrong

Code:

@media only screen and (min-width: 768px){
.logo img {
  float: left !important;
  margin-left: -15px !important;
  margin-top: -20px !important;
  max-width: 150% !important;

Thank you!

 

Hello,

Please replace the code

Code:

@media only screen and (min-width: 768px){
.logo img {
  float: left !important;
  margin-left: -15px !important;
  margin-top: -5px !important;
  max-width: 150% !important;
  width: 130% !important;
} 
}

with

Code:

.logo img {
 float: left !important;
  margin-left: -15px !important;
  margin-top: -5px !important;
  max-width: 150% !important;
  width: 130% !important;
} 

If the issue still persists, then send us your website WordPress login details at [email protected] along with the thread link.


Thanks,
Praveen

 

I wrote you an email ... I can´t fix it by myself.

Thanks for your help. Greetings Miriam

 

Hello, Miriam!

A closing bracket "}" was missing in your CSS code which doesn't allow the provided CSS to make changes.

Now, I have resolved your issue and customized your header logo as well.
Please have a look at your website.

Hope you are enjoying InkTheme services.
Do let me know if you need any help.

Thanks,
Praveen

 

Hi Praveen,

argh only a bracket was missing

Thank you very much for fixing that for me. Your service is really great.
I will recommend inkTheme definitly.

Have a nice day,
Greetings Miriam