Hi all, first post here! I am creating a WordPress template for my company, and running into somewhat of a game-ender here. I will try to make this as clear as possible, but please ask if something isn't clear.
If you go to http://www.turbosocialmedia.com/dev-environment/ you will see a red "FREE VIDEOS" button at the right side of the navigation menu at the top. This is actually just part of the background image, and currently not clickable. I want to put a clickable area over it to give the impression of a clickable button.
Because the navigation bar is controlled within a core file of WordPress, I am not able to directly edit the html of the nav bar, (otherwise this issue would be easily-solved) and if I were to do so, a WordPress upgrade would overwrite my changes (since it's a core WP file, not a theme file that controls the nav).
Within the header template file, all I can see regarding the menu is the following call: <?phpwp_page_menu(); ?>
So, my question is, can I float an href over that area from OUTSIDE of the menu html? My header file essentially ends at the bottom of my header image, and then the menu is simply called by the line above, so if I put something between the menu call and the header div, is it possible to manipulate it to cover the red button within the menu?
I will attach both the header php file and some visual aids for reference. I apologize if this request is unclear; I'm having trouble wording it properly. Any help is greatly appreciated!
Header file: http://php.pastebin.com/m449ba191
Site homepage: http://img11.imageshack.us/img11/3136/originalku.jpg
Site homepage with section and notes overlay: http://img238.imageshack.us/img238/1056/overlayo.jpg