Menu in one line above the slider images

Hey qaammar1234,

You just need to adjust the width of the bootstrap grid.You just have to go to the header.php file inside your theme folder and change the div class of both logo and nav-bar “col-md-5 and col-md-7” both to col-md-12.

Again you need to customize your css by going into themes>>appearance>>customize>>Additional css by entering the codes below;

ul.nav-menu,
div.nav-menu > ul {
	text-align: center;
}

Your navbar will then appear just below the header logo and above the slider.
If you want further changes please notify again.

Hope it works!
Regards,

Rohan

• This reply was modified 7 years, 10 months ago by Rohan Pokharel.

Yes that works, thank you so much

One more question though, the menu seems to work, but now I cannot see my sub-items in the menu. For example, my Contact tab in the menu has a a sub-item Our Locations, I cannot see that now.

Hi @qaammar1234,

Please add this custom CSS to make your sub-menu items appear in a dropdown:

.navbar {
	overflow:visible;
}

regards
Imre

Hello,
I am using the Circumference Lite theme for my website. My site link is https://www.jasperplace-cfrc.com/. I want to add logos to my footer but the logos should have some space in between in them. I want make the footer look something similar to the footer of this website: https://familyfutures.ca/. A bit stylish. Please help