Twenty Eleven Menu full Extension (10 posts)

  1. gowrann
    Posted 4 years ago #

    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.


  2. zeaks
    Posted 4 years ago #

    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;
  3. gowrann
    Posted 4 years ago #

    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

  4. writerforce
    Posted 4 years ago #

    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!

  5. gowrann
    Posted 4 years ago #

  6. writerforce
    Posted 4 years ago #

    thanks gowrann, trying to figure out how those changes work :)

  7. writerforce
    Posted 4 years ago #

    @ 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 ? :)

  8. writerforce
    Posted 4 years ago #

    ok somehow even the menu worked <3

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

  9. writerforce
    Posted 4 years ago #


    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 ?


  10. esmi
    Forum Moderator
    Posted 4 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic