Joomla Templates Club 406,261 posts

[zarenya Friend zarenyaJoin date: December 2010Posts: 29Downloads:24Uploads:5 Thanks: 8 Thanked: 2 times in 1 posts]

#179666

I am using JA Mers and have created a customized logo and the logo dimensions are different to the current JA Mers default logo.

I need some assistance/guidance. I need to move the logo above the MENU.

The website is due to go live in a day or two. Can someone please point me in the right direction as to what code to alter.

Much appreciated.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#463197

Hi

To manage logo dimension you can edit this file /templates/ja_mers/css/template.css around line 767

h1.logo a {
background: url("../images/logo.png") no-repeat scroll left center transparent;
display: block;
height: 120px;
width: 120px;
}

For the new position could you be more specific ? maybe with a mock up of your desired layout

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#463203

Hi

I have found this solution

1) in this file /templates/ja_mers/css/template.css around line 730 now you have


#ja-header {
height: 100px; <---------- add this line of code
position: relative;
z-index: 10;
}

2) in the same file find this line of code

h1.logo {
height: 90px;
left: 400px;
margin-top: -20px;
position: absolute;
width: 400px;
}

modify the lines in red clean your T3 cache and refresh your home

1 user says Thank You to pavit for this useful post

1. zarenya

[Author]

Posts