Stop sidebar widgets from moving to the bottom
-
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)
-
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!
-
-
-
Hi, @rhetoricandlanguage
Read this:
Fixing a sunken sidebar
https://en.support.wordpress.com/html-troubleshooting/#fixing-a-sunken-sidebar -
Thanks for the suggestion, I did a command+find of </div> in all of my pages and posts and did not find any
-
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 -
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.
-
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. :)
-
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
-
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!
-
-
-
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.
- The topic ‘Stop sidebar widgets from moving to the bottom’ is closed to new replies.