Posted 9 months ago #
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.
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;
}
Posted 9 months 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
Posted 8 months 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!
Posted 8 months ago #
Posted 8 months ago #
thanks gowrann, trying to figure out how those changes work :)
Posted 8 months 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 ? :)
Posted 8 months ago #
ok somehow even the menu worked <3
if you can help me just fix the bottom three widgets that would be amazing :)
Posted 8 months 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 ?
tx
Try using Firefox with the Firebug add-on for this kind of work.
You must log in to post.
