Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.
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
-
5
2
8 Comments
Active today
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
Active today
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
Active today
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
Active today
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
An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.
One of a set of tools we're offering as a way of saying thank you for being a part of the community.
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 Already a member? Login.
Creating a CSS block that only applies to printing
By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever. You can, however, add CSS that only applies under certai…
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 Micro Tutorial viewers will learn how to create a CSS image sprite
(In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite)
Open a new Photoshop document with a width of (Icon width)x(N…
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses
Course of the Month10 days, 17 hours left to enroll
607 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.