Shape 5

Wordpress Club Themes => Paradigm Shift - Club => : nerdz January 11, 2013, 05:13:26 PM



: [RESOLVED] Wider Menu width area
: nerdz January 11, 2013, 05:13:26 PM
I apparently need more room for my menu than available on this template. I noticed that once you go over the width margins, the last button menu goes down a line or behind the feature slider. I do not want to make the width of the layout wider but just the row for the menu. I have already adjusted the width to 1050 (Shape5 Theme - Layout - Body Width) but going beyond that becomes a problem.

I also saw "Row Size" but this only gives you more Blocks in a row but not the area I need for my menu.

Please help...again ;)


: Re: Wider Menu width area
: Tristan Rineer January 14, 2013, 08:20:11 AM
Have you already disabled the login/logout/register buttons?  Those take up a significant portion of the menu bar and if they're not needed, disabling them will give a lot more space.


: Re: Wider Menu width area
: nerdz January 14, 2013, 01:02:45 PM
That was the first thing I did but I still need about 230 pixels to squeeze in another menu button. I have also adjusted the total width to 1000 pixels and going beyond that is just not going to be within the standards. I just need to adjust the width area for the menu without adjusting the overall width of the layout. I understand that the menu will be exceeding the border/margin, which is accpetable.

Kind regards


: Re: Wider Menu width area
: Tristan Rineer January 15, 2013, 09:52:00 AM
You may be able to get more space by using CSS to set the "s5_menu_wrap" div to whatever width you need.

Add this to the end of style.css and adjust as needed:
:
#s5_menu_wrap {
    width: 1250px;
}


: Re: Wider Menu width area
: nerdz January 16, 2013, 01:32:51 PM
Thank you again Tristan. Is it possible to center the menu once this is done because this just runs on to the right.


: Re: Wider Menu width area
: Tristan Rineer January 17, 2013, 09:09:30 AM
Because you are making the menu "overflow" from the area that it's contained in, you'll have to do some tweaking to get it.

Use Firebug (http://getfirebug.com/) to look at the css for the menu bar (the stuff you just added), and add a "margin-left: -125px;", then adjust that number up/down as needed to get it to feel balanced (up to go left, down to go right).


: [RESOLVED] Wider Menu width area
: nerdz January 22, 2013, 12:37:29 AM
Thanks again Tristan. That worked perfectly  ;)