• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 302
  • Last Modified:

Sub Menu problems

If you go to the following site here

http://dev.takenbymarc.com/

Click on the arrow to pull-down the main navigation then
Hover over weddings and move the mouse down in the sub menu why does the sub menu keep disappearing.  I have tried to gunfire out why with no success.
0
stargateatlantis
Asked:
stargateatlantis
  • 6
  • 3
1 Solution
 
COBOLdinosaurCommented:
I used to do a little wedding photography.  You stuff looks great; better than anything I ever did.  now as a web developer...Not so good.  That stylesheet makes it impossible to determine the net properties of any element without spending a lot of time on analysis.  I get over 80 parsing warnings in my error console from the CSS.  The problem is an overlap that is causing a loss of hover.  No surprising because of the absolute positioning and z-index usages.

This problem is not going to get solved without breaking things apart and isolating elements until we get lucky.  Best case we find the problem in a few hours.  Worst case it takes weeks.  

I don't think the movie is the source of the problem. So I suggest a starting point is to setup a page without it and containing only the styling that is actually necessary for the rest of the page.  Then at least we can determine net properties, I hope.

0
 
stargateatlantisAuthor Commented:
The problem is that it was a purchased template from  here

http://www.kingsizetheme.com/

Its wordpress what do you expect.  I am a good webdeveloper but to debug this issue its going to take time if you can give me some hit as to what is causing this that would be great.
0
 
stargateatlantisAuthor Commented:
I think the problem is the wrapper the menu should be outside of the wrapper.  
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
stargateatlantisAuthor Commented:
This site wasn't fully coded by me.  I am not the photographer but a friend of mine is its his site.
0
 
COBOLdinosaurCommented:
One of the things I notice when I was playing with the hover is that the right edge of the bottom triangle shifts over a bit into the submenu so there is either some re-sizing or position shift going on.  Also the disapearance seems to happen when the cursor is in the left part of the sub menu.  That all suggests that there is an overlap that is blocking the hover.  The container holing the menu may be wider then the menu; at least part of the time.

If the template came with some documentation, it might be able to give us a clue as to where the thing is breaking.

I am a good webdeveloper

Sorry, I was criticizing the code; not you.  A lot of this third party stuff is weak code wrapped in good marketing and as soon as you try to be creative with it, it comes apart.

I'll be here to help out but, I afraid you are going have to do the dirty work of experimenting to find the root cause of the problem.
0
 
stargateatlantisAuthor Commented:
A lot of this third party stuff is crap.  Most of my stuff  now is codded using
http://www.initializr.com/
0
 
stargateatlantisAuthor Commented:
Take a look now.  I think I have resolved the issue let me know what you think

http://dev.takenbymarc.com/
0
 
COBOLdinosaurCommented:
Looks like it is fixed.  I take it you found the spot to put the submenu in top of that triangle.

initialzr looks okay but I don't like templates That rely on someone elses code. All I ever use is a text editor.  Everything is from database and I use 20-25 lines of PHP to generate.

Glad you got it solved.
0
 
stargateatlantisAuthor Commented:
initialzr is good clean.  Not like Boilerplate.  Boilerplate is too much
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

  • 6
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now