Return to Support

menu-header-wrap issue is frustrating my responsiveness

Home Forums Graphene WordPress theme Support menu-header-wrap issue is frustrating my responsiveness

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

    #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.