How do I left align submenu under main menu?
Permalink Browser Info Environment
This may be referred to as offset. When I hover over the menu I want the submenu to drop down directly under the main menu, not offset to the right. I've tried modifying with Superfish.css but I can't seem to affect it.
| Type: | Discussion |
|---|---|
| Status: | New |
Is your site online somewhere I could take a look it?
Sure, our beta site is here: http://s346337150.onlinehome.us/prayCMS5/...
We are in the process of migrating the site from a competing CMS so there is probably some extraneous code here ane there.
Thanks for taking a look Ryan!
We are in the process of migrating the site from a competing CMS so there is probably some extraneous code here ane there.
Thanks for taking a look Ryan!
There's 28 pix of left margin on the li element:
coming from: screen.css (line 217)
coming from: screen.css (line 217)
<style>
.main-nav li {
display: inline;
margin-left: 28px;
text-transform: uppercase;
}
</style>
<? ?>
You-da-man! The original menu did not offset, so I just assumed it was the superfish. That's what I get for making assumptions.
I couldn't survive without the firebug document inspector - makes it easy to figure out where styles are coming from.
This may be a stupid question, but where is the screen.css file located?
I don't see anything named screen.css in the superfish package. Looks like the only css is packages > superfish > blocks > superfish > css > superfish.css...
It's possible that the screen.css mentioned above was part of a different package all together, yet it was interfering with superfish.
It's possible that the screen.css mentioned above was part of a different package all together, yet it was interfering with superfish.
In that case can anyone elaborate on where I can find this file?
What you need to find is the classes that are affecting your superfish add-on-- which will be the superfish.css I mentioned above plus (maybe) any other css you've referenced in the page you're working on.
I suggest using Firebug to get an idea of everything that's being applied to your menus...
I suggest using Firebug to get an idea of everything that's being applied to your menus...
I used the Firebug addon and found out that it is a theme specific fix. But, I did get it to work! Thanks for your help MattWaters!
Cool. You're welcome!
Sorry for the confusion guys, the "screen.css" file is a part of my theme and not native to concrete5.