Parament Menu

mjamesk · Member · May 8, 2012 at 6:54 am
Copy link

Add topic to favorites
Hi I’m trying to fiddle with the menu bar with the CSS for the Parament theme (I’m very new at this).

The menu bar is far wider than necessary for my 5 or 6 pages, so I was wondering if there is a way to space out my pages (Home/Service/Contact/Etc) so as that they are centered, or if I can shorten the bar itself around the menu items and then center the new, shorter menu bar (I’d prefer this. I have figured out how to shorten the width of the bar but not how to center it).

Thank you for reading my question.

The blog I need help with is: (visible only to logged in users)
raincoaster · Member · May 8, 2012 at 6:58 am
Copy link
The blog linked to your name has been deleted. Please give us a direct link to the blog in question, starting with http, so we can help.

I’ve also flagged this thread to be moved to the CSS forum rather than the main tech support forum.
mjamesk · Member · May 8, 2012 at 7:05 am
Copy link
The site is…
http://evoglassmockup.wordpress.com/

Sorry the post ended up in the wrong place. I Google-ed my way in and am not familiar with these forums.
mjamesk · Member · May 8, 2012 at 7:11 am
Copy link
It was private up until a minute ago (as I don’t own the images on there, using random photos for the first review till our own come in) but I’ve removed the password for the time being.
thesacredpath · Member · May 8, 2012 at 7:18 am
Copy link
Your site is private, so I can’t look at it to see what else you may have done so I have no idea if this will work. This was based on the standard non-customized demo site for your theme.

This will (probably, maybe, should) center the tabs on the menu.
```
#menu {
    text-align: center;
}

#menu ul {
display: inline-block;
}
```
As far as narrowing the width of the menu bar itself, this can become somewhat of an issue since you cannot control how someone has set up their browser preferences for fonts, and if they run their browser zoom level at something other than standard. If you get it too narrow and someone had their preferences or zoom level set different from standard, your menu may blow up in their browser. When it blows up, it goes back to the original design and goes to two lines. Sometimes that happens somewhat gracefully and sometimes there is a huge crater.
thesacredpath · Member · May 8, 2012 at 7:19 am
Copy link
Yeah, what I gave isn’t going to work now that I see your site.

Give me a little time.
thesacredpath · Member · May 8, 2012 at 7:28 am
Copy link
The issue I mention with the browser preferences is still an issue, but zoom level does not appear to be. This will basically center it although one never knows from browser to browser what will happen as they all render differently.

#menu {
margin-left: 25%;
}
thesacredpath · Member · May 8, 2012 at 7:29 am
Copy link
Forgot my code tags, use this for copy and paste.
```
#menu {
margin-left: 25%;
}
```
mjamesk · Member · May 8, 2012 at 7:29 am
Copy link
@thesacredpath Okay cool. Thanks for looking at my problem so quickly!
thesacredpath · Member · May 8, 2012 at 7:31 am
Copy link
You are welcome.
mjamesk · Member · May 8, 2012 at 7:31 am
Copy link
@thesacredpath Just used your code, worked perfectly. Thanks a bunch.
thesacredpath · Member · May 8, 2012 at 8:02 am
Copy link
You are welcome.

If you add anymore items to your menu, you will need to adjust that 25% left margin.

No items found.