Categories

I would like to create a page that I can add the categories in the top portion of the screen so when users come to the page from a mobile phone they can navigate the categories first.

Also, once you create a subcategory, I don't see that subcategories list when you select the overall category..Example: I would like to be able to list doctor offices as the main categories and list the states as a subcategory. Is this possible?

 

The category and subcategory under that appears through Widgets, you can choose the Show Hierarchy to show subcategories.



Put the CSS Code below in the Themes Options Panel to style the Subcategory.

Code:

.sidebar ul ul.children{
    list-style-image: url('images/arrow.png');
    margin-left: 19px;
    margin-bottom: 0;
}
.sidebar ul ul.children li{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 2px;
}

 

I think I didn't explain this correctly. When I selecct the category (clinic) on my site I have every state listed under it as a subcategory. When the main category of clinic is selected I expected the that subcategories would appear but it doesn't so there appears to be a random listing of everything in the category of clinic. Also, I thought the listings would be alpha order? I would expect a setting to be able to control this and how the listings appear but I am not sure where to find this.

I did use this css and it works great on the home page www.infertilitysurvivalkit.com but didn't reformat when used on my page listing http://infertilitysurvivalkit.com/directory-listing/

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content ul ul li{
    list-style-image: url('http://infertilitysurvivalkit.com/wp-content/themes/geocraftthemepro/images/arrow.png');
    margin-left: 19px;
    margin-bottom: 0;
}
.content ul ul.children li{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 2px;
list-style-image: none;
}