menu-header-wrap issue is frustrating my responsiveness

  • Anonymous

    #8693

    If my website (leika.nl) is opened on an ipad it always shows al lot of white on the right. Just fiddling around with some back ground colours I found that my set up for the menu header is the evil doer. The idea is to have the menu elements to align right as an overlay over the header image. In CSS I have added:

    =============

    #header {

    width: 1080px;

    margin: 0 auto;

    }

    #header-menu {

    width: 600px;

    }

    #top-bar {

    height: 80px;

    }

    #header-menu-wrap {

    position: relative !important;

    top: -280px;

    left: 480px;

    z-index: 5;

    }

    #header .header_title {

    font: normal 32px “Avenir”, arial, sans-serif;

    font-weight: bold;

    text-align: right;

    }

    ============

    480 left + 600 width is 1080 = width of header.

    Even though the text aligns neatly to where I expect it to be the header-menu-wrap is sticking out to the left another 480 (?) px…

    How can I prevent this to happen while keeping the menu text right aligned and being in a layer on-top of the header image not obscuring my company logo?

    TIA

    Jan Willem

    Anonymous

    #41850

    solved it myself…. While limiting the header-menu to 600 I did not do teh same for the header-menu-wrap. After setting this to width 600 problem solved

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

  • You must be logged in to reply to this topic.