You will need to go into the theme files and edit the header.php, change the class on the navigation div from "col-md-8 col-xs-6" to "col-xs-12" and then the navigation will show down below the logo.

Thanks a lot. It worked fine, but another issue has come. There is a huge space left on top of the site's header. Now I want to have the Logo/Title Have full width so I can float a table to the right which will hold something like phone number and other social links.
I also want the navigation links to have their separate background color.
For the navigation background color, I tried to change using the design/customize at the admin backend, but the changes didn't didn't reflect.
I need to locate the css file itself so I can make the changes.
I hope you can help me with this.
Thanks.
I am new to c5. I was on wordpress,recently discovered c5. I think I want to stick to it.

Rather than making your logo have a full width column, you can add another area next to your logo, you will need to go back into the header.php that you edited before and add this code before the navigation div.



This will add a Global Area where the navigation used to be where you can add other information.

As for changing the background color of the navigation, doing it through the Design/Customize is the best way, I would bet that you have Caching turned on which is why you are not seeing your changes. Login to the Dashboard and find the Caching settings under System & Settings, turn them off and clear the cache. Then go back to the front end and hold CTRL and press F5 to do a hard refresh on the page and see if your changes show up.

Actually I think the changes in the background color works but it's hiding on the front. All dropdown pages display the new color at the background only that it doesn't show at the main page links.
I don't understand why it work for dropdown/subpages but can't show at the front.