Adorable theme, navigation bar "dividers"? "Spacing"? Help.

[momista]

So I just purchased the "Adorable" theme with the impression that it would look like the demo seen here:

http://prettydarncute.com/demos/adorable/

It didn't. I'm new at this so maybe that's my bad for thinking this. Anyways, I've been tweaking my site a bit to resemble the demo a little more. BUT, the main difference that's bothering me and that I can't figure out how to change involves the navigation bar where my categories are located. All my category titles are crammed together without any "dividers." I don't know what the correct term is, but you can see in the demo that the categories are nicely spaced and divided with lines and mine are definitely not.

http://www.momistabeginnings.com

How can I fix this???

I'd also like to change the color of the category titles, the top row different from the bottom, like in the demo.

[Susan]

Momista:

In the Adorable demo, there are two menus show - the primary menu, and the secondary menu. It looks like you have all your pages set up on the primary menu.
If you go ahead and create a secondary menu, remove some of the pages from the primary menu, and add them to the secondary menu, there will be the dividing line between the two rows, and the second row will be a different color than the first row.

I hope that helps!

[momista]

Thanks for the reply, Susan. I went ahead and made the adjustments like you suggested. My categories are now divided into 2 menus. But, the only line that appeared is the long, horizontal line dividing the 2 menus. Now all I need are the lines that divide the categories. They just look so cluttered and aren't clear enough for readers, I think. Any other suggestions?

[Susan]

I'm looking at your site now, and I see that you have two rows with the vertical line separating the rows, and the horizontal line separating each of the menu items (looking as it should). I'm viewing it on a Mac, using safari. What are you using?

 

[momista]

You're kidding! Oh man! I seriously spent just about a whole day trying to figure this out and it's been there all along?! What a waste of time. I'm on my PC using Firefox and the dividers do NOT show, but when I checked it out on my husband's laptop AND at work, I can see the dividers. Thanks for your help.

I have a new question for you. You'll notice that my home page consists of 3 of my "latest ramblings" posts in the "featured top full width" bar, and one single post in the bottom bars (featured top left & right, featured bottom left & right). The bottom bars have the links "more DIY projects" and "more product reviews" to see more posts from this category. Well, I checked the box in the widget for the "featured top full width" bar, yet that link "show more posts from this category" is NOT appearing under my "latest ramblings" posts. What am I doing wrong?

[Susan]

Momista - sorry, I didn't see you had asked another question!

Just to be clear, so that we are on the same page...

In the top section "latest ramblings", you want to show more posts (in other words, show some of your older posts), but it's not giving the option. You've checked the box that says "show page navigation"?

In doing some research, I read a suggestion that you add this to your functions.php file:

add_action( 'pre_get_posts', 'child_change_home_query' );
/** Changes the query on the home page*/
function child_change_home_query( $query ) {

if( $query->is_main_query() && $query->is_home() ) {
$query->set( 'posts_per_page', '1' );
}

}

[Author]

Posts