Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
I have created a right sidebar and I would like it to touch the edge of the page on the right side. I want no padding / margin between the sidebar and the edge of the page. Also, I would like to make the sidebar sticky, so that when I scroll down, the bar follows. Can you please guide me on how I can this happen?
Thanks!
Hi Suz,
You can change this with some custom CSS. Please note to do this you’ll need to remove the container or you would end up with the sidebar not being at the side of the page at larger resolutions. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.full-container { max-width: none !important; } @media (min-width: 681px){ #main.site-main { padding-right: 0; } }You might also need to install the SiteOrigin CSS Editor.
Regarding the sticky sidebar. This is possible, but kind of complicated as you’re going to have to install a plugin that will allow you to sticky elements and set offsets. For example, let’s use Sticky Menu (or Anything!) on Scroll. Navigate to WP AdminSettingsSticky Menu (or Anything!) and input #secondary into the Sticky Element field. Switch to the Advanced Settings tab and set the z-index to 600 and add .site-footer to the Push-up element field.
Works great! Thanks so much!