• 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

Sidebars drop below content & full width responsive?

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 › Sidebars drop below content & full width responsive?

This topic is: not resolved

Tagged: control margins, equal width sidebars, sidebar-content-sidebar

  • This topic has 10 replies, 2 voices, and was last updated 10 years, 6 months ago by James.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 9, 2015 at 1:05 pm #155613
    malton
    Participant

    I'm currently working on this site: http://develop-test.org/

    I have 2 questions:
    1) The entire site is meant to be sidebar-content-sidebar layout.
    Using the genesis child css the left sidebar is below the content.
    I've edited the css based on a question on the forum to make equal width sidebars. Now both sidebars are dropping below the content. I've tried dropping in the original css for the child theme, same problem.
    Hints and clues would be much appreciated.
    2) Is is possible to get the Genesis Framework to go full width responsive? Currently it’s set at a standard box. I want the header and page to be full width and control the margins on that full width. Possible? Hints and clues would be much appreciated.

    Thank you!

    http://develop-test.org/
    June 9, 2015 at 5:11 pm #155639
    James
    Participant

    hi there

    have you made an adjustments in the function.php

    as your secondary sidebar is sitting outside of the main wrap. not were it should be.

    as this is the sample theme I would just drop the original sample theme files in to override what you have, this will get everything back to normal in an instant.

    let me know once you have done this and then i can give you the css to make the sidebars equal.

    as for > "Is is possible to get the Genesis Framework to go full width responsive? " do you mean the full width of the screen?

    June 10, 2015 at 12:40 pm #155761
    malton
    Participant

    Hi Jamie, thanks for your response.

    I've dropped the original sample theme files in the site to override what I have. The secondary sidebar is still dropping below the primary sidebar & content. As far as I can tell it's never been in the main wrap - even though this is a fresh and downloaded genesis sample (style.css and functions.php).

    Yes I do mean full width of the screen responsive.

    Thanks again

    June 10, 2015 at 1:50 pm #155768
    malton
    Participant

    And now I've taken all my widgets from the secondary sidebar and placed a generic widget in it.
    Still it's at the bottom. So not a widget issue.

    June 10, 2015 at 2:54 pm #155774
    James
    Participant

    the secondary sidebar should be inside the '.site-inner' div but not inside the main '.content'

    yours in right out site the '.site-inner' for some reason

    so you overrided all theme files, including the functions?

    are you using any Genesis plugins, if so deactivate them

    also try re-setting the Genesis settings

    also noticed your 'site-footer' is outside the 'site-container' which is also wrong

    so some alteration must be causing this

    also try activating the Genesis theme itself, not the sample theme

    do all of the above 1 at a time, checking as you go, until you find the culprit.

    keep me posted

    June 10, 2015 at 3:29 pm #155777
    malton
    Participant

    Thanks will give it a try!

    June 10, 2015 at 3:57 pm #155779
    malton
    Participant

    Well I have reinstalled genesis framework and still have the same problem. BTW I completely deleted the framework and the genesis samples from the site. I deactivated the Simple Sidebar plugin.
    I still have the same problem.
    Any other clues - are there any other known incompatible plugins?
    Thanks for the help?

    June 10, 2015 at 4:09 pm #155783
    James
    Participant

    that's the weirdest thing

    and on other pages it's worse ! the secondary sidebar is duplicated,

    i can take a quick look in WordPress for you if you like, only take a moment, add me as a user with admin privileges and shoot me the logins via my site (then you can just delete it after)

    June 10, 2015 at 5:33 pm #155795
    James
    Participant

    ok, your sidebar should be back to normal now

    i found a closing '</div>' in the sidebar widget but no opening div !!!

    just one div that is left open will cause the issue your having

    also found 2 of '</div>' in the courses page, but only one opening div, so same issue

    there could be a few floating around

    try and use the editor in html mode when possible, takes a while to get used to but is better.

    June 10, 2015 at 5:37 pm #155796
    malton
    Participant

    Thanks Jamie,
    Buy you a beer?
    Mary

    June 10, 2015 at 5:39 pm #155797
    James
    Participant

    not necessary, but thanks

    happy you have everything working again for you.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and 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