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".
| Type: | Discussion |
|---|---|
| Status: | New |
www.afsa881.org
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 ?>
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.
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...
Then clear browser cache and add it in as needed to format things...
I got it to change by changing the width.
.
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.
#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.
Try selecting the sub-item links and giving them a border-top property:
.sf-menu li li a { border-top: 2px solid white; }
Can you post or pm a url to the site so I can take a look at the css?