• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Add Secondary Sidebar to Navigation Pro Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Add Secondary Sidebar to Navigation Pro Theme

This topic is: resolved

Tagged: layout, Navigation Pro, Secondary Sidebar

  • This topic has 7 replies, 2 voices, and was last updated 5 years, 1 month ago by palmtek.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 23, 2020 at 9:38 pm #498171
    palmtek
    Participant

    I'm not a CSS guy or programmer, just an old server guy.
    I've looked at themes that already have the option for secondary sidebars but I don't like the way they look and would need too much work to give it the same look and feel as Navigation Pro, some just break stuff. I don't want to change themes.

    I've remarked out the "genesis_unregister_layout" for the 'sidebar-content-sidebar', but the secondary sidebar ends up at the bottom of the layout and the columns don't line up.
    I've messed with the float from right to left, but I'm not smart enough to fully grasp the layout logic.

    I need a smart guy to show me the correct CSS to make this change.
    Thank you please.

    https://technoogies.com/
    April 27, 2020 at 10:27 pm #498231
    palmtek
    Participant

    Not a very lively forum I guess.

    April 28, 2020 at 12:52 am #498235
    Brad Dalton
    Participant

    If you look at one f the themes which uses the same sidebar, you can inspect the element and find the CSS which you need to make it work correctly.

    Or

    You can use CSS grid https://www.w3schools.com/css/css_grid.asp


    Tutorials for StudioPress Themes.

    April 28, 2020 at 1:31 pm #498252
    palmtek
    Participant

    Thank you braddalton. That's a very useful link.

    April 28, 2020 at 10:12 pm #498266
    palmtek
    Participant

    It doesn't work. The display isn't set to grid for one. Changing the float can't bring the secondary sidebar into position because it seems to be outside of the container or wrapper area.

    April 28, 2020 at 10:21 pm #498267
    Brad Dalton
    Participant

    Both methods should work however you'll need to use the correct CSS which is something you need to work out at your end.


    Tutorials for StudioPress Themes.

    April 29, 2020 at 9:46 am #498280
    palmtek
    Participant

    I understand it now. Thank you.

    April 29, 2020 at 10:41 pm #498302
    palmtek
    Participant

    To modify Navigation Pro into three columns. Maybe not the best thing to do but it worked.

    .wrap {
    	width: 100%;
    	box-sizing: inherit;
    	padding-left: 20px;
    	padding-right: 20px;
    	max-width: 1240px;
    }
    /*  -[ START 3 Columns ]- */
    .site-inner {
    	padding-top: 30px;
    }
    .content-sidebar-wrap {
    	box-sizing: inherit;
    	float: right;
    	width: 1020px;
    }
    #genesis-sidebar-primary {
    	float: right;
    	width: 320px;
    }
    #genesis-sidebar-secondary {
    	box-sizing: inherit;
    	float: left;
    	width: 160px;
    }
    .content {
    	max-width: 680px;
    	float: left;
    }
    /*  -[ END 3 Columns ]- */
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Add Secondary Sidebar to Navigation Pro Theme’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble