Solved

Preventing Menu from moving down when click on item

Posted on 2013-12-01
8
183 Views
Last Modified: 2013-12-05
Hello!

This should be a simple one. But I an unable to use firebug to troubleshoot it on my own.

In my next question I will post a link to the page.

When you click an item on the top menu, such as "ABOUT", the entire menu goes down until you release the mouse.

The same thing happens on the submenu. So I guess there's some global css issue going on with padding or margins.

I assume a click on a menu item is an ACTIVE link???  Or am I assuming wrong.

Anyway, look for my link in my next comment.

Thanks

Rowby
0
Comment
Question by:Rowby Goren
  • 5
  • 2
8 Comments
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39688807
Hi

Here's the link to a redirect to the development site:  Redirect to development site.

Thanks

Rowby
0
 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
ID: 39688876
custom.css line 687

div#OurGalaxiesHASOMMobile h3 h1, a:active, div.custom._GalaxiesEtc, YourDirectionsHASOMDesktop h1 a:hover {
    font-size: 32px;
    font-weight: 100;
    text-transform: capitalize;
}


The font size and/or font-weight is forcing the drop
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39688966
Thanks, Gary123,

I zapped that entire section of css and that helped quite a bit.  (it was left over css that I didn't need.  

Just a tiny pixel or two drop down left.  And I think it's also affecting the dropdowns, when you click on them.

Almost there!!

Rowby
0
 
LVL 43

Assisted Solution

by:Chris Stanyon
Chris Stanyon earned 250 total points
ID: 39689833
This is still creating the shift:

custom.css - line 347

div.moduletable._GalaxiesEtc, p a:link, a:visited, a:active {
    font-size: 18px;
}


You probably want to remove the a:visited as well
0
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.

 
LVL 9

Author Comment

by:Rowby Goren
ID: 39689851
Thanks,  ChrisStanyon,

That fixed it.  I'll keep this question open just in case other related "shifts" pop up. But I think it's okay now.

Rowby
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39689883
Hi

THere are 4 "departments" on this site and each is a different template.

Two of the departments are ok so far as menu shifting.

I tried to fix the following using the same style modifications, but the main menu shifts down a couple of pixels, as does the drop down menu.

I have tried firebug but even when  clicking the down arrow for active hover, I keep missing the issue ! :)

Hopefully fixing this second one will help me fix the 3rd "department" on my own !!

Redirect to "Musicology" site.
Thanks

Rowby
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39689896
It's exactly the same issue:

custom.css - line 516

div.moduletable._GalaxiesEtc, p a:link, a:visited, a:active {
    font-size: 18px;
}
0
 
LVL 9

Author Closing Comment

by:Rowby Goren
ID: 39699364
Hi Gary and Chris,

The fix worked.  Sorry for the delay.  I am going to try to award the points without giving a "Best Solution".  But I don't think EE will let me do that.  You equally gave best solutions.  So let's see what happens.
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

Suggested Solutions

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!
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

914 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

19 Experts available now in Live!

Get 1:1 Help Now