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 514 times

Captured.PNG

this how it looks now. - Captured.PNG (95.34 KiB) Viewed 514 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

Attachments

center_oc2_top_menue_links.jpg

center_oc2_top_menue_links.jpg (150.78 KiB) Viewed 487 times


For Sale: Top URL's, including OpenCart V-Pro installed, like seen here:
http://www.bigmax.ch - http://www.ipcam.li - http://www.opencart.li
For Information + URL's offered, please contact me at: jti@jacob.ch
I am NOT available for Custom Support in existing OC Installations!
My Github Repositories: https://github.com/IP-CAM
Image


User avatar
Guru Member

Posts

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

Users browsing this forum: No registered users and 1 guest