move menu

that is because the menu styles are all based on #access .

assumption: you are using the new default theme TwentyTen (?)

you could copy all the menu styles starting with #access (from line 370 in style.css) and paste them back, and change #access for the new div id.

if you just need to move the menu to above the header image, there are other pure css methods – unless of course you have your own reasons to make a new div.

edit:
i was not fully understanding this sentence;

I did try moving the access div in header into the new div, but the drop-down menu stopped working…?

i am not too sure about my answer;

maybe posting the code of your header (from below the body tag; including the area of the menues) might help to illustrate the issue (if the code is longer than 10 to 15 lines, please paste it into a https://wordpress.pastebin.com/ and post the link to it here)

Cheers – I’ve posted my header.php (i’m using twentytenweaver header – not sure if this is exactly the same) to this location

https://wordpress.pastebin.com/GEMXF3P8

i’m trying to move the menu into #mybanner (line 46), but when i copy the #access script including php the drop-down menu (i.e. menu drop down when rollover main menu elements) disappears

cheers

i think you could try what i suggested:

– you could duplicate all the menu styles starting with #access (from line 370 in style.css of twentyten; probably similar in twentytenweaver) and edit the second set, replacing #access with #mybanner .

(there might be other styles for #access that you may need to copy)

hope this works…

can’t i just nest all code associated with #access in #mybanner (including <div id=”access”> etc. ) and leave the style sheets as they are?

just try it; there is no point in ‘theoreticizing’ (?).

(make a backup copy of your file first, in case you want/need to reverse the changes)

imho, however could be other formattings of #access that might interfere;
and to have valid code, you should not have the same css id (for instance #access) twice on the same page.