Public Forums 71,145 posts

[fburger Friend fburgerJoin date: May 2012Posts: 1Downloads:0Uploads:0]

#177383

Hello!

I’m using JAT3 for a while (and it’s fantastic), but now I have a problem for the first time.
I changed the style of my site (only offline, so I can’t give you a link). I moved the logo (image) per CSS

The Code before:

/* HEADER
--------------------------------------------------------- */
#ja-header { height: 10px;padding-bottom:10px; }
#ja-header .main { padding: 13px 0 0 20px; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 5px;}

/* Logo Image ---*/
h1.logo { width: 400px; height: auto; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 400px;
height: 80px;
margin-top: 5px;
}

The Code after:

/* HEADER
--------------------------------------------------------- */
#ja-header { height: 10px;padding-bottom:10px; }
#ja-header .main { padding: 13px 0 0 20px; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 5px;}

/* Logo Image ---*/
h1.logo { width: 400px; height: auto; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 400px;
height: 80px;
margin-top: -95px;
}

I changed the last margin-top to -95px..
Now the Logo is in the right position, but it’s not clickable, also the magnifier next to the search-field..
Maybe I overlook something, I also tried the change the #ja-header .main { padding: 13px 0 0 20px; } from 13px to 100 px. Logo is fine, but not clickable

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#454459

Hi fburger,

Can you post here the url where the issue is seen ?

[Author]

Posts