Avatar of nsitedesigns
nsitedesigns
Flag for United States of America asked on

Level out logo and increase size?

How do I remove the default wordpress template positioning of the logo?  They have it pushed "down" so it sits in the orange circle area.  I want it so bottom of logo is even with bottom of navigation bar.  Additionally,  I would LOVE to be able to increase logo size but can't figure it out.

beta site
http://9bf.27e.myftpupload.com/

screen shot
https://screencast.com/t/Fzw9PWfMPSs
WordPressWeb DevelopmentResponsive WebCSS

Avatar of undefined
Last Comment
Julian Hansen

8/22/2022 - Mon
SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
nsitedesigns

ASKER
Your solution was successful in order to push logo back up. Thanks.  However, I had to make it even smaller (was 100 tall and is now 80 tall) when I was hoping to make the logo bigger and still fit in white upper area to left of navigation.  Is that possible?
SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
nsitedesigns

ASKER
I think you may not be understanding that in addition to having the logo rest above the navigation, I also want the logo to be bigger.  See screen shot.  Can that be done?

https://screencast.com/t/JyuqLDCmI
SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
nsitedesigns

ASKER
I increased header to 200 px and modified logo to 150px tall.  It still doesn't display fully.  Any ideas how to fix?

.education-pro-blue .site-header {
    height: 200px;
}

Open in new window

This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
nsitedesigns

ASKER
Getting there!    I kinda like the larger logo dipping into animation but would like to remove the "white box" that surrounds logo.  

Screen shot
https://screencast.com/t/Lmssewalm

I added this code but it didn't remove the white background:
.header-image .site-title > a {
  float: left;
  min-height: 150px; 
  width: 100%;
  background-color:transparent;  ******   this is what I added
}

Open in new window

SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
nsitedesigns

ASKER
Hmmm, didn't work.  I tried using your and then tried saving one for myself.  It still has the white box.
http://9bf.27e.myftpupload.com/
logo-150-tall-trans-new.png
nsitedesigns

ASKER
ANy other ideas?
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
ASKER CERTIFIED SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
nsitedesigns

ASKER
Thanks!
Julian Hansen

Do you require any further assistance?
nsitedesigns

ASKER
Sorry. I thought I gave you points yesterday. Looks like it did not go through. Thanks again!
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
Julian Hansen

You are welcome.