Support » Themes and Templates » Twenty Eleven Menu full Extension

  • Hi,
    I am trying to extend the menu in Twenty Eleven the full length of the screen.

    So I targeted the body tag with an image and then also used and positioned the same image in the #access div.

    Initially it looks ok but when you scroll vertically the #access div image disappears

    I have
    background-attachment: fixed; but if i change to scroll then the image disappears

    What is a better way to do this? Any help is appreciated.

    http://autopilotyourbusiness.com/fokas/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Your image is really high, try making it about 50px tall and use this for css.

    #access {
    background: url(/fokas/wp-content/uploads/2011/08/Screen-Shot-2011-08-27-at-2.201.png);
    background-repeat: repeat-x;
    }

    thanks zeaks

    redid the #access background image – start of image is now the top of the menu with the background attachment set to scroll – works OK

    But still you can see its a pixel or 2 short of the body img and the joins are noticeable in Safari and Chrome – anyone know of fixes for these issues

    i need some help here too

    i am designing a site http://www.ener-chi.tv on wordpress , default twentyeleven theme and want to get the menu to extend to full screen width just like the fokas site

    have set up a child theme as well

    any help would be wonderful!

    thanks gowrann, trying to figure out how those changes work 🙂

    @ gowrann i did something but now the widgets on the bottom have gone wide as well

    also i still couldnt get the menu

    can i make you admin and you can help me please ? 🙂

    ok somehow even the menu worked <3

    if you can help me just fix the bottom three widgets that would be amazing 🙂

    http://www.ener-chi.tv

    now we have at the top menu and even the bottom its gone full width

    but i was wondering how can i get the background to another color except white ?

    this code, it has over ridden the background any ideas ?

    tx

    esmi

    (@esmi)


    Forum Moderator


    Try using Firefox with the Firebug add-on for this kind of work.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Twenty Eleven Menu full Extension’ is closed to new replies.