Fixing the layout of Plone 3

Ive just updated to Plone version 3 for one of my websites but with the addition of menu items across the top the layout of the main menu items the personal menu bar now overlaps. This makes it hard to read and to click on the appropriate menu item so we need to update the css file for our personal bar to fix it.Lets take a look at how we do that. First you must have admin rights on the site so go to the site and log in as a user with admin control.

You can see the problem in the first picture

For my site I am using the Hex Green template If you are using a different layout for your page it may be different I will point out the differences

Now that you are logged in lets look go to "Site Setup" located in the top right corner of the page

now navigate to the Zope Management Interface

scroll down to portal_view_customizations

under the zope.interface.Interface section find where it says:

heddex.greenfield.personal_bar

**THIS IS WHERE IT MAY BE DIFFERENT FOR YOU IF YOU ARE NOT USING THE HEX GREEN LAYOUT LOOK FOR SOMETHING THAT SAYS YOUR LAYOUT NAME FOLLOWED BY .personal_bar ***

all we need to do is add the line:
&lt br &gt &lt br &gt

to the top of the page so it is the first line in the coding

Now we can see the result in the second picture where the two bars do NOT overlap anymore