Re-position Logo - How to?

I think the new site I am building for a local non-profit is coming together nicely. This is my first WordPress site. You can see it at www.HopeUnbridled.org

I have one more major need. I really want to move the logo down to near the bottom of the slider images. Is there a way to do that?

Thanks again.

 

Hello,

Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header_wrapper .logo {
position: relative;
top: 490px;
}
@media only screen and (min-width: 1401px) and (max-width: 1800px) {
.header_wrapper .logo {
position: relative;
top: 490px;
}
}
 
@media only screen and (min-width: 1141px) and (max-width: 1400px) {
.header_wrapper .logo {
position: relative;
top: 490px;
}}
@media only screen and (min-width: 960px) and (max-width: 1140px) {
.header_wrapper .logo {
position: relative;
top: 360px;
}}
@media only screen and (min-width: 767px) and (max-width: 960px) {
.header_wrapper .logo {
position: relative;
top: 280px;
}}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.header_wrapper .logo {
position: relative;
top: 0px;
}
}
@media only screen and (max-width: 480px) {
.header_wrapper .logo {
position: relative;
top: 0px;
}
}

Adjust the value of "top" for all screen as per your requirement.
This will solve your issue.

 

Hey Piyush,

Thanks for the reply. When I used the entire code 'as is', the logo was moved down on the frontpage. But all the secondary pages glitched and went to 'text-only menu display mode'.

I tried the first line of the code alone (with 300px).
.header_wrapper .logo {
position: relative;
top: 490px;
}

That gave me the result in the "Home Screen Logo" image attached. That is exactly where I want the logo on the first page.

But for all the other pages, the logo went to the same position, which does not work. The logo was far below the bottom of the blue header on the other pages. I want the secondary pages to look like they do in the image below called "Secondary page logo". That screen shot was taken after I removed the css code above.

Thanks again for your help. Hopefully you can help me get both the frontpage and the secondary pages looking right.

Thx! Greg

 

Hi guys! I still need help with this problem. Can you help me solve the problem of placing the logo at the bottom of the slider on the frontpage and on the blue header on the secondary pages?

I assume you just missed this thread question. Thanks in advance! Greg

 

Hello,

Paste the code given below also in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header.not_home .logo {
top: 1px;
}

This will solve your issue.

 

Hi Piyush,

Thanks for the reply. I copy/pasted that code and it changed nothing.

My current Custon CSS looks like this:

#commentsbox {​

display: none;}​

​

.post_meta {​

display: none;​

}​

​

.menu-wrapper {​

background: rgba(255,255,255,.5);​

}​

.flex-caption {​

opacity: .8;​

}​

.header_wrapper .call-us {​

opacity: .5;​

}​

​

.menu-wrapper {​

margin-top: 25px;​

}​

.header_wrapper {​

margin-top: 37px;​

}​

.flex-caption {​

position: absolute;​

right: 12%;​

bottom: 40px;​

}​

​

.header_wrapper .logo img {​

max-height: 350px;​

}​

​

.menu-wrapper {​

margin-top: 0px;​

}​

​

.header_wrapper .call-us{​

display:none;​

}​

​

.header_container.not_home {​

background: navy;​

}​

​

This is after I removed the code you just suggested above. My goal is to get the logo positioned as shown in the images I attached. I want the frontpage logo near the bottom of the slider and the secondary page logo on the blue header bar.

Thanks again for your assistance in getting this resolved. I really appreciate your help. Greg

 

Any help with this?

 

Hi guys. Good morning!

I still need help resolving this problem. Please re-read posts above. So far the suggestions have not worked.

Thanks in advance for your help.

 

Hello,
Could you please provide the following information listed below.

Thread Link: http://www.inkthemes.com/community/threads/re-position-logo-how-to.6527/
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
We will check and try to resolve your issue.