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

Captured.PNG

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


I'm no longer active at the OC Forum. To reach me, contact: jti@jacob.ch
A Demoversion of my free OpenCart LIGHT v.1.5.6.5 Software Edition
can be seen in Action here: http://www.jti.li/shop/
---
940+ FREE OC Extension-Repositories - from OC v.1.5.x up,
on the world's largest OC-related Github Site: https://github.com/IP-CAM
---
Image


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 6 guests