Joomla Templates Club 406,261 posts

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#664804

@wvlee: With this style below the logo will show full

+ Open templates/ja_wall/css/navigation.css file

find and change

#mainnav {
left: 0px; /* Space for Logo */
position: absolute;
width: 100%;
top: 45px;
}


to


#mainnav {
left: 0px;
position: absolute;
width: 100%;
top: 114px;
}


+ Open templates/ja_wall/css/layout.css file

/* Sidebar ---*/
body.has-sidebar #container .container-main {
padding-left: 120px; /* Space for sidebar */
}

#sidebar {
margin-left: -120px;
position: fixed;
top: 115px; /* Space for header */
width: 120px;
}

to

/* Sidebar ---*/
body.has-sidebar #container .container-main {
padding-left: 120px; /* Space for sidebar */
top: 79px;
}

#sidebar {
margin-left: -120px;
position: fixed;
top: 164px; /* Space for header */
width: 120px;
}

+ Open templates/ja_wall/css/template.css file


.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 100%;
}
.logo-image h1 {
color: #fff
display: block;
height: 17px;
margin: 12px 0 0 20px;
padding: 0;
width: 79px;
}
/* Logo Image ---*/
.logo-image,
.logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 40px;
position: relative;
width: 100%;
z-index: 1000;
text-align: center;
}
#header .main {
height: 45px;
position: relative;
}
#header {
background: #333
border-bottom: 10px solid #e5e5e5 /* Seperate content and header while scroll page */
color: #CCC
height: 90px;
position: fixed;
top: 0;
z-index: 999;
}


to


.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 100%;
height: 99px;
}

.logo-image h1 {
color: #fff
display: block;
height: 99px;
margin: 12px 0 0 20px;
padding: 0;
width: 100%;
}

.logo-image, .logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 100%;
position: relative;
width: 100%;
z-index: 1000;
text-align: center;
}

#header .main {
height: 114px;
position: relative;
}

#header {
background: #333
border-bottom: 10px solid #e5e5e5
color: #CCC
height: 160px;
position: fixed;
top: 0;
z-index: 999;
}


1 user says Thank You to Ninja Lead for this useful post

1. wvlee

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#746341

@wvlee: With this style below the logo will show full

+ Open templates/ja_wall/css/navigation.css file

find and change

#mainnav {
left: 0px; /* Space for Logo */
position: absolute;
width: 100%;
top: 45px;
}


to


#mainnav {
left: 0px;
position: absolute;
width: 100%;
top: 114px;
}


+ Open templates/ja_wall/css/layout.css file

/* Sidebar ---*/
body.has-sidebar #container .container-main {
padding-left: 120px; /* Space for sidebar */
}

#sidebar {
margin-left: -120px;
position: fixed;
top: 115px; /* Space for header */
width: 120px;
}

to

/* Sidebar ---*/
body.has-sidebar #container .container-main {
padding-left: 120px; /* Space for sidebar */
top: 79px;
}

#sidebar {
margin-left: -120px;
position: fixed;
top: 164px; /* Space for header */
width: 120px;
}

+ Open templates/ja_wall/css/template.css file


.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 100%;
}
.logo-image h1 {
color: #fff
display: block;
height: 17px;
margin: 12px 0 0 20px;
padding: 0;
width: 79px;
}
/* Logo Image ---*/
.logo-image,
.logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 40px;
position: relative;
width: 100%;
z-index: 1000;
text-align: center;
}
#header .main {
height: 45px;
position: relative;
}
#header {
background: #333
border-bottom: 10px solid #e5e5e5 /* Seperate content and header while scroll page */
color: #CCC
height: 90px;
position: fixed;
top: 0;
z-index: 999;
}


to


.logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
width: 100%;
height: 99px;
}

.logo-image h1 {
color: #fff
display: block;
height: 99px;
margin: 12px 0 0 20px;
padding: 0;
width: 100%;
}

.logo-image, .logo-text {
background: #690
border-bottom: 5px solid #84b12a
float: left;
height: 100%;
position: relative;
width: 100%;
z-index: 1000;
text-align: center;
}

#header .main {
height: 114px;
position: relative;
}

#header {
background: #333
border-bottom: 10px solid #e5e5e5
color: #CCC
height: 160px;
position: fixed;
top: 0;
z-index: 999;
}


1 user says Thank You to Ninja Lead for this useful post

1. wvlee

[Author]

Posts