[Theme: Simple Catch] Highlighted Current Menu & Empty Nav Space

Have you a Child Theme or Custom Style plugin?

Andrew,

I’m not sure exactly what your referring to but I have the simple catch theme version 1.3.4 and no navigation plugins. No css plugins either, just adding/editing css in the theme options>custom css styles.

That Custom CSS styles section sounds like it’ll do the job.

May you provide a link to your web page, or Pastebin.com of your CSS and HTML code for the relevant page?

Sorry, I’ve taken down my web address which was once in this post (for those of you looking at this after it’s been solved).

Try adding this CSS;

#header #mainmenu ul li.current-menu-item a {
 background-color: #444;
 color: white;
}

Works!!! Thanks a bunch! I was trying to figure that one out for an hour or so before posting here but I guess that’s a php function or something (current-menu-item)? Not sure, I’ve only made plain jane html/css pages before.
Now if I can just get rid of that white space to the left in the navigation without it overflowing to the next line.

.current-menu-item is generated for each current menu item, from the wp_nav_menu() function.

Previously the CSS was referring to .current_page_item which is not generated for each current menu item.

Do you mean to rid the white space, right of the navigation?

Right, my other left. (yes i did)

I was trying to figure out if there is a way to make the nav width fixed but the menu item’s fluid within it.

I don’t know how to address the fixed width query, but for the extra space :
You could apply a class to the last element, using jQuery, then set that last element to have border-right: 0;.

Have you access to footer.php?

I’ve never used jquery before but I’m open to this as a solution.

I do have access….

<?php
/**
* The template for displaying the footer.
*
* @package Catch Themes
* @subpackage Simple_Catch
* @since Simple Catch 1.0
*/
?>
<div id=”footer”>
<div class=”layout-978″>
<?php //Displaying footer logo ?>
<div class=”col7 copyright no-margin-left”>
<?php if( function_exists( ‘simplecatch_footerlogo’ ) ) :
simplecatch_footerlogo();
endif;
?><?php _e( ‘Copyright’, ‘simplecatch’ ); ?> ? <?php echo date(“Y”); ?> <span><?php bloginfo(‘name’)?></span>. <?php _e( ‘All Right Reserved.’, ‘simplecatch’ ); ?>
</div><!– .col7 –>

<?php do_action( ‘simplecatch_credits’ ); ?>

</div><!– .layout-978 –>
</div><!– #footer –>
<?php wp_footer(); ?>
</body>
</html>

Actually nevermind, that would require you to create a Child Theme.
I suppose for now, you can just use the CSS last-child selector;

#header #mainmenu ul li:last {
 border-right: 0;
}

Sorry, it didn’t seem to have an effect on it.

Oops use this

#header #mainmenu ul li:last-child {
 border-right: 0;
}

Works! Thanks! I think it looks a lot better without the border and now it wont appear to be different lengths depending on the browser.

This is my first thread on the word press forum but I’d like to stick around and try to answer some newbie questions to broaden my scope. I’d like to learn how to create a mysql/php database visitors on my site can search. Anyways, you’ve been a great help, thanks!

-Andrew (too)