Center zone menu and space it

I am wondering if it's possible to center the zone menu, and possibly space it out a little bit? The words seem a bit too close to each other and it seems odd to have the menu right-aligned.

I've tried searching the forum and the tutorials but I've come up empty handed.

Any help would be appreciated

Hi Wicked!

You can change the values for these selectors in global.css
Refer to the line numbers from those images:

1- changing text-align

2-increasing padding

3-using the taller header option for a wider zone menu

4-more space for expansion


Trusting this will help!
Jean

thanks for your quick help

I only needed to do the first 2 steps for it to be exactly how I wanted it.

thanks so much!

Glad I could help!
Jean

Wondering about the same thing for version 9.

Ernie C said

Wondering about the same thing for version 9.

Similar to the advice provided by Jean for wicked …



 

Rather than play around with the zone_menu, can I just remove it altogether? I'm thinking of creating a drop-down menu that follows through each page with no breadcrumbs.

Where would I remove it, or comment it out? I'm sure this would be beneficial to others as well.

I tried your suggestion in the global.css on line 466 in

.global_navigation {
   font-size: 0.95em;
   {+START,IF,{$MOBILE}}
      text-align: center !important;
      margin: 0 auto;
      padding: 8px 0 9px 0;
   {+END}
   {+START,IF,{$NOT,{$MOBILE}}}
      text-align: right;
      margin-top: 60px;
      padding: 5px 5px 0 0;
      background: url('{$IMG;,zone_gradient}') repeat-x;

I'm pretty new to this   As if it doesn't show. I'm in a hurry to get my site up & then I will be busy working through the finer points & following the forum posts in detail. Not just searching for answers

Harry can probably give you an easy explanation, as this is exactly what he has done for the two or three recent version 9 sites he has built.

I'm sure he will look in on this thread and take up where I leave off …

 

   well the easy way what I use for the sites is the following:

First I disabled the gradient:

Then I removed from the top menu all the items I don"t use. Thats all.

Of course you could delete the whole menu, look for this in the menu editor. But I think it will give some errors because they have some  links in the theme templates you use. But you can try yourself.

I hope this give you some idea how to going on.


Harry

Ernie C said

Rather than play around with the zone_menu, can I just remove it altogether? I'm thinking of creating a drop-down menu that follows through each page with no breadcrumbs.

Where would I remove it, or comment it out? I'm sure this would be beneficial to others as well.

​In addition to Harry's suggestion, if you want to remove it altogether, you could do the following:

Version 8
HEADER.tpl
Disable or remove: reference:line 134


Version 9
GLOBAL_HTML_WRAP.tpl reference:line 26
Disable or remove:



Jean

Thanks Jean for the excellent completion.  

On my bb! sorry for not responding sooner.    
I lost my internet today. thanks jean & harry.
Will get to it tomorrow, hopefully.  i'm certainly not going to attempt anything on my blackberry

Have any of the resident design masters come up with a simple way (for the rest of us) to implement drop-down menus in CSS that only display menu items based on permissions?

I came across this article:  Creating a pure CSS dropdown menu --- CSS Wizardry---CSS, Web Standards, Typography, and Grids by Harry Roberts

But I haven't figured out enough yet about how v9 is handling menu info to try and figure it out with my EXTREMELY limited knowledge of CSS.

So I figured I would ask before I started bashing my head against that particular wall.  

Here's a link to an example site leveraging the info from the link above with some slight tweaks.  This is the sort of menu I would love to use if I (or anyone else) can figure out how with v9.
http://vogtjosh.com/nav/

CSS doesn't have any inherent way of handling permissions. ocPortal comes with a drop down menu capability, and some permission support for menu items. However the permission support is page based, with no current support for category permission checks (that's on the tracker somewhere).

There's a really fudgy way to sneak some permission checks in though. I don't want to confuse with too much detail but you can put something like this into the match-key field of a menu item:
That should only show the item to someone in group #2 or #3 or #4.

You could also do exact permission checks but it requires some intimate knowledge of how the permissions scheme works under the hood.

I hope one day to be able to rearchitect how this all works to be point and click, but it requires creating a stronger sense of a "full internal sitemap" inside ocPortal, which doesn't quite exist yet.

Chris,

Thanks for the info.  You say OCP already has some built-in drop-down capability.  Can you point me to where that is?  I must have missed it.

Thanks