We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Expand the menu items area width - Macabre | Forum

dave Leader
dave May 19 '13

Tired of having your main menu items wrapping on you even with having to reduce your font size?

 

Here is the css fix i did and it works, just wanted to share.

 

open ow_themes/macabre/base.css

 

find: 

 

.ow_top{
 position:relative;
 height:164px; /** OW_Control type:text, key:headerHeight, section:1. General Settings, label: Page header height **/       
}

add to that:

width:100%;  /* added */
text-align:center;  */ added */

 

that will take care of the outer div..  now lets handle the ul part

 

find:

.ow_main_menu

 

there is no style for the ul so we will need to add that, in this section add the following new css

 

/* added */
.ow_main_menu ul{
   width:100%;

   text-align:center;
}

 

now you will have much more room for your menu items and they will be centered as well..

 

happy coding,..

 

The Forum post is edited by dave May 19 '13
dave Leader
dave Aug 24 '13

sorry folks i forgot to include this as well.

 

.ow_main_menu {
 position: absolute;
 bottom: -13px;
 /* right: 0px; */     /* removed so we can push the menu to the left*/
 z-index: 1;
}

 

and then as an option for the added ul mentioned in prev post

 

/* added */
.ow_main_menu ul{
    width:100%;
    /* text-align:center; */
float: left;
}

you can use the float left or center options.

Oxwall Software
Oxwall Software Oct 8 '13
Thanks you for sharing Dave.
You do not have permission to reply this topic