Unable to apply child theme to some css parts

I’m trying to center the main nav menu, but it keeps getting overwritten by the parent css. Other aspects of the child css work fine, but for this one thing, no matter what I do, it will not center. Here is my child functions.php.

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>
<?php

And here is the child.css

	.themonic-nav ul.nav-menu,
	.themonic-nav div.nav-menu > ul {
		background:none repeat scroll 0 0 #F3F3F3;
		border-bottom: 5px solid #16A1E7;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: center 
		width: 100%;
	}

Note that if I put this in the custom css file, the override works fine, but I want it to be in the child css. Any help is much appreciated!

Chaz

• This topic was modified 8 years, 5 months ago by subspace1011.
• This topic was modified 8 years, 5 months ago by subspace1011.