We build. You grow.

Get best community software here

Get started

Expand the menu items area width - Macabre | Forum

« Back to theme

« Back to forum topic list

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

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 Oct 8 '13

Thanks you for sharing Dave.

You do not have permission to reply this topic