: [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 { : 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 ;)
|