Joomla Templates Club 406,261 posts

[frankiep Friend frankiepJoin date: November 2007Posts: 20Downloads:0Uploads:0 Thanks: 2]

#144244

Hi-
I moved the main menu and I can’t seem to make the header section large enough so you see the slogan. (for some reason the slogan is not showing.

Also, when I view this in IE the header is compleatly messed up. I can’t determine where I need to add maybe a height?

Here is my link http://www.islandspot.com

Does anyone know how to fix?

Thanks!
Fran

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#317484

Hi…

Why the problem occurs is because the original logo size is 195X73 while the logo you have uploaded the size is – 204X90

Now you will have to make the following changes.

open the file >templates>jasulfur>template.css

you will need to change this –

h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 73px;
width: 195px;
}

to

h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 90px;
width: 204px;
}

now if you see the layout – the logo has gone to much to the bottom.

thats because of the padding in this line

change this

h1.logo, h1.logo-text {
float: left;
font-size: 300%;
letter-spacing: 1px;
margin: 0;
padding: 25px 0 0;
}

This should solve your problem.

to

h1.logo, h1.logo-text {
float: left;
font-size: 300%;
letter-spacing: 1px;
margin: 0;
padding: 15px 0 0;
}

*Always take a backup of the current file before making any changes

Regarding the Slogan not showing up. Its because you have selected Image – hence – the slogan has to be within the image. You can show either then image or the Heading & Slogan as part of your header. The coding is such that it selects either the image or the name+slogan.

1 user says Thank You to prakash for this useful post

1. jojoradio

[frankiep Friend frankiepJoin date: November 2007Posts: 20Downloads:0Uploads:0 Thanks: 2]

#317523

Hi!

Thanks for your reply. So I understand the text vs image for the slogan but I am still having a problem with this in internet explorer. When I look at the site in IE the menu is covering the logo and header area.

Do you see it? I can’t figure out how to fix it. If I change the ja-header height,it adds more space between the logo and the menu in firefox but fixes it in IE. So that is really not a solution. I’m not really sure what I need to change.

Thanks!

Fran

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#317528

Hi,

Sorry I completely missed out one more change in the css file other than that I had mentioned in my earlier post

As the height of Image is more … you will also need to change this line

#ja-header .main {
height: 89px;
}


this you will need to change as per your new image – also take into consideration the padding you have for the logo and add the height accordingly.

[frankiep Friend frankiepJoin date: November 2007Posts: 20Downloads:0Uploads:0 Thanks: 2]

#317533

Thank you!

[Author]

Posts