Stop sidebar widgets from moving to the bottom

• 

  rhetoricandlanguage · Member · Oct 25, 2018 at 8:35 pm

  • Copy link
  • Add topic to favorites

  Does anyone have a code or know how to stop sidebar widgets from moving to the bottom after it’s been published?

  The blog I need help with is: (visible only to logged in users)

• 

  charleybea · Member · Oct 25, 2018 at 10:28 pm

  • Copy link

  Hello,

  Were you able to figure this out? I only see a search bar widget at the top of your sidebar on the USFCA Rhetoric link.

  If you still need help, can you provide a link to a page where this is an issue? It will help to troubleshoot. Thanks!

• 

  rhetoricandlanguage · Member · Oct 25, 2018 at 10:59 pm

  • Copy link

  When I view the page, it’s at the bottom

• 

  rhetoricandlanguage · Member · Oct 25, 2018 at 11:00 pm

  • Copy link

  I haven’t done anything to try and fix it since posting my original question

• 

  galois · Member · Oct 25, 2018 at 11:19 pm

  • Copy link

  Hi, @rhetoricandlanguage
  Read this:
  Fixing a sunken sidebar
  https://en.support.wordpress.com/html-troubleshooting/#fixing-a-sunken-sidebar

• 

  rhetoricandlanguage · Member · Oct 25, 2018 at 11:33 pm

  • Copy link

  Thanks for the suggestion, I did a command+find of </div> in all of my pages and posts and did not find any

• 

  galois · Member · Oct 25, 2018 at 11:49 pm

  • Copy link

  Independent Publisher 2 includes four widget areas: one optional Sidebar, and three Footer areas.

  See here the intructions four your theme (Independent Publisher 2)
  https://wordpress.com/theme/independent-publisher-2

• 

  rhetoricandlanguage · Member · Oct 26, 2018 at 3:48 pm

  • Copy link

  Thanks but I’m not using Independent Publisher 2 theme, I’m using Colinear. I fully understand there are four widget areas, that’s why I’m having this problem in the first place. I’m using the sidebar widget and none of the footers but it shows at the bottom.

• 

  torres126 · Member · Oct 26, 2018 at 4:05 pm

  • Copy link

  Hi,

  The site you’ve linked (https://usfcarhetoric.wordpress.com/) is using Independent Publisher 2. What is the URL of your website?

  Instructions for the theme Colinear can be found here: https://wordpress.com/theme/colinear

  Thanks. :)

• 

  rhetoricandlanguage · Member · Oct 26, 2018 at 11:33 pm

  • Copy link

  Oh snap, sorry. The actual website is http://usfcarhetoric.com/

  Thanks for the instructions but the issue really isn’t not having the instructions. Nor is it me not realizing that widgets can go in the footer area.

  Maybe since the correct link is up my issue might be more clear

• 

  charleybea · Member · Oct 27, 2018 at 6:14 pm

  • Copy link

  Hello @rhetoricandlanguage,

  It appears you’ve adjusted the overall width of the site and the sidebar float is being affected. The sidebar normally ‘floats’ on the left or right, but can move below content when the width of the elements within is larger than the container surrounding them.

  For example, your main content width is currently 844px (not including the padding on the left and right). The primary content area is set to be 550px wide and the widget (sidebar) content area is set to be 364px.
  550 + 364 = 914. Your total for this will need to equal 844px across to make sure the sidebar isn’t pushed to the bottom.

  I’d update the code for the widget area to be 294px wide or less if you want some space between the content and sidebar.

  Try this code and let me know how it goes:

  @media screen and (min-width: 1380px) {
  .widget-area {
      width: 284px;
  }
  }
  @media screen and (min-width: 1272px) {
  .widget-area {
      width: 284px;
  }
  }
  

  I hope this helps!

• 

  rhetoricandlanguage · Member · Oct 29, 2018 at 3:54 pm

  • Copy link

  Yes, your code works! Thank you so much!!!

• 

  charleybea · Member · Oct 29, 2018 at 5:40 pm

  • Copy link

  You’re welcome – glad to help :)

• 

  galois · Member · Oct 31, 2018 at 4:19 pm

  • Copy link

  Oh snap, sorry. The actual website is http://usfcarhetoric.com/

  Hi there (again 🙂).

  FYI, there’s another support forum for WordPress.org self-hosted site, you can navigate to WordPress.org forum using this link: https://wordpress.org/support/

  To learn about the difference between the WordPress.com and WordPress.org please refer this article: https://en.support.wordpress.com/com-vs-org/

  Cheers.