Need help? Check out our Support site, then


retro-fitted: Menu Pages

  1. limetreefruits
    Member

    Hello,

    I am starting to add pages to my blog but didn't want the menu to show up right at the top under the banner.
    Is that a way to push all two columns further to the right and add a third sidebar to the left with the menu buttons and/or text-widgets? That would be my preferred solution.
    If not possible, I would add a text-widget on the right sidebar with buttons I create and link to the pages. But then, how do I publish the pages without them showing up on the default menu bar?

    Thank you!

    The blog I need help with is limetreefruits.com.

  2. limetreefruits
    Member

    HI, just bringing up my question in hopes someone sees it and can help me out ;)

  3. Is that a way to push all two columns further to the right and add a third sidebar to the left with the menu buttons and/or text-widgets? That would be my preferred solution.

    There is not a way to do this with CSS only, however, you can push already-existing content around on the page. For example, you could select specific widgets from the right, make some space on the left, and re-position some of the widgets to move them over.

    There is a drawback to this solution, and that is that you can only use fixed height widgets on the left or the widgets will overlap each other when their height changes.

    Here is an example to show you how a solution like this would work:

    .content-sidebar #sidebar-primary,
    .layout-default #sidebar-primary {
    	width: 200px;
    }
    
    .content-sidebar #content,
    .layout-default #content {
    	width: 595px;
    	padding-left: 210px;
    }
    
    .contain {
    	position: relative;
    }
    
    #search-2 {
    	width: 170px;
    	position: absolute;
    	top: 45px;
    	left: 0;
    }
    
    #text-12 {
    	width: 180px;
    	position: absolute;
    	top: 165px;
    	left: 0;
    }

    Note that this example is very specific to your site. It uses widget ID values "search-2" and "text-12." Each time you add a new widget, it gets a unique ID. You need to add the widget and then look in the page source to find out what it's ID is and then use that in the CSS to move it where you want in the layout.

  4. I would add a text-widget on the right sidebar with buttons I create and link to the pages. But then, how do I publish the pages without them showing up on the default menu bar?

    If you use a custom menu, only the items you add will show up in the main menu and other pages you create won't show unless you add them specifically. See http://en.support.wordpress.com/menus/

    I would recommend this solution over the first one.

  5. limetreefruits
    Member

    Great, thanks! Perfect solution for the "hidden" menu. It worked!

    For the three columns thing, can I pull both outside columns further out so the main post page can be wider?
    And why would say this solution is not recommended? :)

    Thanks!

  6. limetreefruits
    Member

    Just to clarify, I don't want to make the side columns any narrower, just pull them out a bit more.

  7. Can I pull both outside columns further out so the main post page can be wider?

    You would need to first make the container element for the content and sidebar items wider. Her's how:

    #main .wrap {
    	width: 1220px;
    }

    Then find the ".content-sidebar #content, .layout-default #content" rule in your custom CSS and increase the width by the same amount that you increased the container (or wrapper) width. In this case, the "@main .wrap" was set to 1020px, so if you increased it to 1220px like my example above, then you'd want to add 200px to the #content (main column). Make sure to match the limit width value on your Appearance → Custom Design → CSS page to match the main column width you choose.

  8. And why would say this solution is not recommended?

    Because it limits you to needing to change the CSS if any of the heights of the widgets you moved to the left are changed. So as long as you understand the dependency and learn how to work with the CSS, you should be okay.

  9. limetreefruits
    Member

    things is sounding way complicated! I may just leave the width as is.

    Thank you thou!

Topic Closed

This topic has been closed to new replies.

About this Topic