Centered Menu with Horizontal (Columner) Theme

samshannon / 2013-08-11 16:18:58   

Hello,

I installed the Columner theme for a horizontal layout and I was hoping I could center the menu and also be able to adjust the width between each column separately in the menu.

Thank you!

Samantha

samkillssam.com/

arsondpi / 2013-08-11 16:29:10   

People have already managed to work on a centered theme.
It's fairly easy if you have basic coding skills - you need to wrap #index and #exhibit in a wrapper div and change css attributes for a few things.
Also to adjust each column separately, just use Firebug a Firefox plugin.
You can then find out about each css selector of each ul list in your #index div.

samshannon / 2013-08-11 16:41:48   

I've been changing things around in the css and using firebug to accomplish this but can't seem to get it quite right.

For the wrapper div, I'm just not quite sure how to code it. For example how would I change the #index if my css looks like this:

#index {
width: 100%;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    overflow: visable;
    height: 100px; /* adjust this if needed */
text-transform: uppercase;
font-weight: bold;
}

arsondpi / 2013-08-11 17:37:46   

There were examples done for the Legacy version - search the forum to get an idea.
There's a few people who posted their results of their own centered theme here so look around for these as well.
Last but not least you can search the web using keywords "centered layout css".
:-)

This thread has been closed, thank you.