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
View Replies: View Best Answer
ryan replied on at Permalink Reply
ryan
Is your site online somewhere I could take a look it?
philljo1 replied on at Permalink Reply
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!
ryan replied on at Permalink Best Answer Reply
ryan
There's 28 pix of left margin on the li element:


coming from: screen.css (line 217)
<style>
.main-nav li {
    display: inline;
    margin-left: 28px;
    text-transform: uppercase;
}
</style>
<? ?>
philljo1 replied on at Permalink Reply
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.
ryan replied on at Permalink Reply
ryan
I couldn't survive without the firebug document inspector - makes it easy to figure out where styles are coming from.
geek2009 replied on at Permalink Reply
This may be a stupid question, but where is the screen.css file located?
MattWaters replied on at Permalink Reply
MattWaters
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.
geek2009 replied on at Permalink Reply
In that case can anyone elaborate on where I can find this file?
MattWaters replied on at Permalink Reply
MattWaters
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...
geek2009 replied on at Permalink Reply
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!
MattWaters replied on at Permalink Reply
MattWaters
Cool. You're welcome!
philljo1 replied on at Permalink Reply
Sorry for the confusion guys, the "screen.css" file is a part of my theme and not native to concrete5.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.