Inline menu items

Hello i try for large screen to have all menu item, on the same line; (policy it’s actualy placed under, in a new row…)
With chrome, and “dev tool” i try some modification without success to place more space

If correct, it’s donne on chrome, but not on my child theme ?
runwaiz.com

@media (min-width: 992px)
.site-navigation .main-navigation.**col-md-12** {
	    width: 100%;
	}

THX Christophe

Hello Christophe,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 992px) {
    	 .site-header .site-branding.col-md-4 {
    		 width: 20%;
    	}
    	 #site-navigation ul.menu > li {
    		 padding-left: 5px;
    		 padding-right: 5px;
    	}
    	 #site-navigation ul.menu > li > a {
    		 font-size: 12px;
    	}
    }

Regards,
Kharis
aThemes Support

THX kharis for this option,

I find better arrangement with large font with this code (for me)

    @media only screen and (min-width: 992px) {
    .main-navigation.col-md-8 {
    	    width: 100% !important;
       	}
    } 

Christophe

Hi Christophe,

Thank you for getting back.

Great! Glad to know you found your code that worked. And, again, thank you for sharing.

Regards,
Kharis
aThemes Support