Joomla Templates Club 406,261 posts

[Andrew Carleton Friend Andrew CarletonJoin date: September 2014Posts: 23Downloads:0Uploads:0 Thanks: 8]

#196470

Hi,

If you look at http://www.pcservicesni.com/joomla I would like to change the logo size and navigation panel height.

I have changed the logo width and height in the template.css but I cannot find how to change the header of the navigation panel.

How can I change this in the hope that the logo displays properly?

Thanks, Andrew

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#529589

How about this . . . .


.t3-mainnav {
background: none repeat scroll 0 0 #FFFFFF
border-bottom: 1px solid #1D1D1D
box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
height: 100px;
left: 0;
margin-bottom: 0;
position: absolute;
right: 0;
top: 0;
transform: translate(0px, 0%);
transition-duration: 600ms;
transition-property: background, border, transform;
transition-timing-function: ease-out;
z-index: 1030;
}

Of course, you can use whatever pixel value you wish for your header.

What are the dimensions of yoru logo image?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#529593

Go to this File: /templates/ja_fixel/css/themes/blue/template.css

Add this code:

.logo img{
height:60px !important;
}

.logo-image{
height: 79px !important;
overflow: hidden;
width: 150px !important;
}

.logo {
margin: 0 auto !important;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#529844

Andrew:

Did the above suggestions help you?

[Author]

Posts