Joomla Templates Club 406,261 posts

[Vallagruppen_Johan Friend Vallagruppen_JohanJoin date: November 2010Posts: 3Downloads:0Uploads:1]

#165238

I know the question has occured on how to get the small logo layout on all pages including frontpage. But I would like to have the layout with the big logo and center menu on all pages.

[amita Friend amitaJoin date: May 2011Posts: 82Downloads:0Uploads:2 Thanked: 11 times in 12 posts]

#396498

Hi
To show header & menu same as frontpage on all pages, you can edit template.css as per following :
1.
#ja-header
{

background: url(../images/header-subpage-bg.gif) repeat-x top left;

line-height: normal;

position: relative;

z-index: 10;

}

#header .main .inner { padding: 0px 10px 0; margin:0 auto; }

h1.logo, div.logo-text h1 { font-size: 200%; line-height: 1; }

h1.logo, div.logo-text { float: left; position: relative; z-index: 12; }

/* Logo Image —*/

h1.logo { height: 42px; width: 163px; }

h1.logo a
{

background: url(../images/logo2.png) no-repeat left !important;

display: block;

height: 42px;

width: 163px;

}

h1.logo a span { position: absolute; top: -1000px; }

h1.logo, div.logo-text
{

float: left;

}

/* Logo Text —*/

div.logo-text { }

div.logo-text h1 { float: left; }

div.logo-text h1 a {

color: #fff;

font-weight: bold;

letter-spacing: 1px;

text-decoration: none;

}

Instead of this , please change code to

#ja-header
{
background: url(../images/header-bg.gif) repeat-x top left;

line-height: normal;

position: relative;

z-index: 10;

}

#header .main .inner { padding: 0px 10px 0; margin:0 auto; }

h1.logo { float: none; margin: 0 auto; }

h1.logo { height: 80px; width: 318px; }

h1.logo a {

background: url(../images/logo.png) no-repeat left !important;

height: 80px;

width: 318px;

}

div.logo-text { float: none; padding-top: 0; text-align: center; }

div.logo-text h1 { float: none; font-size: 500%; }

div.logo-text p.site-slogan { float: none; font-size: 150%; }

#ja-mainnav { padding-top: 30px; }

#ja-mainnav .inner
{

margin: 0 auto;

}

#ja-mainnav{

margin-left:0px;

}

#ja-mainnav .inner{

float:none;

}

2. Remove this code from template.css
#ja-mainnav .inner
{
float:right;
}

3 . Also add this code line
#ja-subnav .jasdl-subnav {

margin: 0 auto;

padding: 0 150px;

}

#ja-subnav .inner {

float: none !important;

}

If still you have any problem regarding this , please let me know your joomla admin details & FTP details at my PM , so that I can fix it.

[Author]

Posts