[solved] Header Image Issues

[scannon]

Recently my header image has started to cover the top menu bar and part of my left side content blocks. I tried re-uploading my header image but no change.

 

The only thing I had changed to the theme was to add the favorite icon.

 

version 1.5.4

 

any advice?

[vekia]

can you please share the url to your website? I think that your loge is too big, but im not sure, so the best in this case is to share an url - we will be able to check what exactly going on

[scannon]

www.regardlessproductions.info

 

The header image was not an issue until this morning after i added the favorite icon.

 

I can not find an option to remove the images.

[vekia]

hello

 

thanks for the url

 

i checked your website, unfortunately i dont see there any favortie icon...

[scannon]

LOL

I know right!

 

I added the fav icon and all it did was jack up my header image.

 

Any ideas?

[vekia]

well, all you have to do is to edit a css code a bit. but before i paste here solution, i've got another question.

Before this little crash, you've got logo in the same size as it is now?

[scannon]

Yes. This is the same logo that has been there since I set up the shop about a week ago. Only today did it start doing this.

 

It's the exact same file.

Edited May 4, 2013 by scannon (see edit history)

[vekia]

open global.css file located in your theme directory: themes/your_theme/global.css

don't forget to make a backup of this file.

 

to the #columns add: margin-top: 70px;

#columns {
margin-top: 70px;
}

 

to #header_right add top: 75px;

#header_right {
top: 75px;
position: relative;
float: right;
}

 

from #header_logo remove top:30px;

#header_logo {
position: absolute;
z-index: 1;
}

[scannon]

Thank you. This has almost fixed it. It is above the top menu bar and is only covering part of the search box now.

[vekia]

Thank you. This has almost fixed it. It is above the top menu bar and is only covering part of the search box now.

 

change the width of the input for search box: /modules/blocksearch/blocksearch.css

 

#search_block_top #search_query_top {
padding: 0 5px;
height: 23px;
width: 300px;
border: 1px solid #666;
border-right: 0 !important;
color: #666;
background: url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;

 

decrease value of width:300px; - for example: width: 250px;

[scannon]

Thank you. I was able to do this and resolve my issue. Any chance you know how to fix my other one?

 

http://www.prestasho...ownload-issues/

Edited May 6, 2013 by scannon (see edit history)

[vekia]

hello so the problem in this thread is finally solved. Thanks for the information. I marked this thread as solved, and of course I will try to help in your other topics

 

regards

[cookiemonk]

I tried to upload a .png file to replace the .jpg logo but the image is automatically converted back to .jpg. How can I change the header logo from .jpg to either .png or gif? What file should I make changes and how? Any help? Thanks!

[vekia]

upload it manually via FTP service.

 

i moved this thread to the correct forum section

 

regards

[Auto Visso]

open global.css file located in your theme directory: themes/your_theme/global.css

don't forget to make a backup of this file.

 

to the #columns add: margin-top: 70px;

#columns {
margin-top: 70px;
}

 

to #header_right add top: 75px;

#header_right {
top: 75px;
position: relative;
float: right;
}

 

from #header_logo remove top:30px;

#header_logo {
position: absolute;
z-index: 1;
}

 

Thanks it`s work

[miguelmarco]

Hi, I can insert my logo, it is all the time a interrogation. I tried to see my global.css but seems different, can you check it?, thanks!

www.otrancoffee.com

[Guest locen]

Hi, there is way to insert an image over the menu as a background? 

like this header http://www.deltapeninternational.com/