Solved

what's wrong with this menu when the screen is resized to half

Posted on 2014-02-10
4
241 Views
Last Modified: 2014-02-11
Hi,

here is the link to my website.

*URL deleted at request of Asker by Netminder 11 Feb 2014*

if you open the browser and resize the browser to half and try to hover over the last menu option like sale, you will see that the drop down sub menu is not under sale but its moves.

Its only happens when the browser is resized. Not sure what i am missing

Thanks
0
Comment
Question by:niceoneishere
  • 2
4 Comments
 
LVL 34

Expert Comment

by:Paul MacDonald
ID: 39848492
I'm guessing the drop-down portion is set to an absolute location rather than a relative one.   Just a guess.
0
 
LVL 1

Author Comment

by:niceoneishere
ID: 39848512
Yes that is correct, but If I remove the absolute position for the style #menu ul ul it mess up the entire nav when hovered over
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39848546
In custom.js
Change
winWidth = $(window).width(),

to
winWidth = $(document).width(),
0
 
LVL 1

Author Closing Comment

by:niceoneishere
ID: 39852098
Thanks
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

896 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now