Sub-Page Issue

Permalink Browser Info Environment
This seems like a really easy fix, but I can't seem to find it. How to I get the 2nd level pages to display vertically? I have attached an image, and I would like the "Bills Being Watched" to fall under "US Congress".

1 Attachment

Type: Discussion
Status: New
View Replies: View Best Answer
ryan replied on at Permalink Reply
ryan
The default behavior is to display strait down, so I'm guessing that there's some conflicting css in your site that's changing that behavior.

Can you post or pm a url to the site so I can take a look at the css?
geek2009 replied on at Permalink Reply
www.afsa881.org
ryan replied on at Permalink Reply
ryan
your theme is conflicting with superfish around line 31 of your theme's main.css file You'll want to remove the "float:left" line affecting the "li" elements of your menu. See the excerpt of your css file below:

<styles>
#menu li {
    background: url("http://www.afsa881.org/packages/cannonf700_soul_mate/themes/soul_mate/images/menu_border.gif") no-repeat scroll 0 4px transparent;
    color: #FFFFFF;
    float: left;
    font: 20px/22px Arial,Helvetica,sans-serif;
    padding: 7px 0 3px;
    width: auto;
}
</styles>
<?php ?>
geek2009 replied on at Permalink Reply
I gave that a shot, but nothing changed. I am playing around with that part of my coding to see if I stumble upon it.
ryan replied on at Permalink Reply
ryan
Try pulling everything out of the theme that's related to the #menu
Then clear browser cache and add it in as needed to format things...
geek2009 replied on at Permalink Best Answer Reply 1 Attachment
I got it to change by changing the width.
#menu ul{float:left; width:auto; margin:0; padding:0 0 0 0px; list-style:none}
.
In the screen-shot provided, how can I get a white line between "US Congress" and "Bills Being Watched"? I can get a white line to show up on the top of everything, but I just want it here to show that they are two completely different things.
MattWaters replied on at Permalink Reply
MattWaters
Try selecting the sub-item links and giving them a border-top property:

.sf-menu li li a {
   border-top: 2px solid white;
}

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.