test
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Vallagruppen_Johan Friend
    #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
    #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.

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 2 replies, has 2 voices, and was last updated by  amita 13 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum