Post by imaddyp » Fri Mar 09, 2018 3:36 pm

I made a full width menu but unable to make the categories align in center. it is irritating to watch it start from left and there is gap from right.

i've attached two screen shots.

my website: naturebaasket.com

Attachments

Captureddd.png

this is how i want it - Captureddd.png (98.5 KiB) Viewed 1630 times

Captured.PNG

this how it looks now. - Captured.PNG (95.34 KiB) Viewed 1630 times


Newbie

Posts

Joined
Fri Mar 09, 2018 3:30 pm

Post by IP_CAM » Sun Mar 11, 2018 4:33 am

Well, add this Code, shown below, to your stylesheet.css File,
at the very end, to probably get the same result as seen on the image.
It will 'center' TopMenu Content in larger-than 767px. Display Width, as set.
At least as long as one uses a near-default OC v.2+ Theme,
otherways, i cannot help!
Good Luck! ;)
Ernie
---

Code: Select all

@media (min-width: 768px) {
	#menu .nav {
		float: none;
		text-align: center;
	}
	#menu .nav > li {
		float: none;
		display: inline-block;
	}
}
Image

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Who is online

Users browsing this forum: No registered users and 52 guests