We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Course Of The Month
Become a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Preventing Menu from moving down when click on item
Posted on 2013-12-01
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
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
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
5
2
8 Comments
Hi
Here's the link to a redirect to the development site: Redirect to development site.
Thanks
Rowby
Here's the link to a redirect to the development site: Redirect to development site.
Thanks
Rowby
custom.css line 687
div#OurGalaxiesHASOMMobile
font-size: 32px;
font-weight: 100;
text-transform: capitalize;
}
The font size and/or font-weight is forcing the drop
div#OurGalaxiesHASOMMobile
font-size: 32px;
font-weight: 100;
text-transform: capitalize;
}
The font size and/or font-weight is forcing the drop
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
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
Active today
This is still creating the shift:
custom.css - line 347
div.moduletable._GalaxiesE
font-size: 18px;
}
You probably want to remove the a:visited as well
custom.css - line 347
div.moduletable._GalaxiesE
font-size: 18px;
}
You probably want to remove the a:visited as well
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
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
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
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
Active today
It's exactly the same issue:
custom.css - line 516
div.moduletable._GalaxiesE
font-size: 18px;
}
custom.css - line 516
div.moduletable._GalaxiesE
font-size: 18px;
}
Featured Post
MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible.
Part 1 of this article will only concentrate on g…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS
Create a new class by typing ".Ribbon": Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
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…
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month4 days, left to enroll
630 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.