Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #18157

    Hello I would like to place the logo above the main menu, see: http://www.tandis.mitos.se

    As you see the Logo is quite large.

    How do I do that?

    Thank you,

    Johanna

    #98438

    Hi Johanna,

    Unfortunately I don’t see a way of doing that without significantly re-doing the way the whole header is structured. It isn’t built in a way that easily allows for the logo to just be pushed up and navigation down without a lot of other adjustment.

    I’d recommend looking into a freelance developer if its necessity so that it can be properly coded and adjusted to fit the customization.

    Regards,

    Devin

    #98439

    Is it possible to push down the menu in the CSS?

    /************************************************************************

    -) HEAD

    *************************************************************************/

    #wrapper_head{

    position: relative;

    z-index: 100;

    overflow: visible;

    }

    #top .logo, .logo a{

    display:block;

    height:85px;

    width:165px;

    position:relative;

    left:0px;

    top:0px;

    border: none;

    padding: 0;

    margin:0;

    }

    #top .logo a, #top .logo a:hover{

    top:0;

    left:0;

    text-indent:-9999px;

    outline:none;

    border: none;

    }

    #top #head .logoimg, #top #head .logoimg a, #top #head .logoimg a img{

    text-indent:0;

    background-image: none;

    border:none;

    margin:0 0 -20px 0;

    }

    /*navigation*/

    #top .nav{

    height:50px;

    line-height:30px;

    padding-left:13px;

    right:0px;

    position:absolute;

    z-index:100;

    top:29px;

    }

    .nav, .nav ul{

    margin:0;

    padding:0;

    list-style-type:none;

    list-style-position:outside;

    position:relative;

    line-height:50px;

    z-index:5;

    }

    #top .nav a{

    display:block;

    float:left;

    line-height:18px;

    outline:medium none;

    padding:2px 10px;

    text-decoration:none;

    width:95px;

    min-height: 35px;

    }

    .nav li a strong {

    display:block;

    font-size:14px;

    font-weight:normal;

    }

    .nav li a span {

    display:block;

    font-size:10px;

    line-height:14px;

    }

    #top .nav li{

    float:left;

    position:relative;

    z-index:20;

    }

    #top .nav li:first-child a{

    border:none;

    }

    #top .nav ul {

    display:none;

    left:0;

    position:absolute;

    top:20px;

    width:192px;

    padding-top:30px;

    }

    #top .nav li ul a{

    width:148px;

    height:auto;

    float:left;

    text-align:left;

    line-height:24px;

    padding:4px 21px;

    font-size: 12px;

    min-height: 24px;

    }

    #top .nav ul ul{

    top:auto;

    padding-top: 0px !important;

    }

    #top .nav li ul ul {

    left:191px;

    top:0px;

    }

    #top .nav li:hover ul ul, #top .nav li:hover ul ul ul,#top .nav li:hover ul ul ul ul{

    display:none;

    }

    #top .nav li:hover ul, #top .nav li li:hover ul, #top .nav li li li:hover ul, #top .nav li li li li:hover ul{

    display:block;

    }

    #98440

    Looking at the way you have it now seems to do the trick though its a bit heavy handed (re-using the same div id).

    Regards,

    Devin

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

The topic ‘Place the logo above the main menu’ is closed to new replies.