sticky sidebar?

Hey there,

It is possible with CSS.

Looking at your site, to check have you entered in some CSS into the Advance Custom CSS class field in the editor?

<aside class=".sticky-container {	height: 100%; } .sticky-element { 	position: sticky; position: -webkit-sticky; top: 48px; } ">

If yes, you would just need to add:

sticky-container

And nothing else.

The paremetres that then make that sticky, would look like this and be added via Appearance > Customize > Custom CSS.

.sticky-container {	
        height: 100%; 
}
 
.sticky-element {
 	position: sticky; 
        position: -webkit-sticky; top: 48px; 
}

The top should work, but also these parameters when given a class:

{
    position: fixed;
    width: 17%;
}

I hope this helps so far.

thanks so much, Adam!

I am just getting acquainted with WordPress 6 (and am barely acquainted since the integration of blocks, to be honest) so forgive me for being slow on the uptake here..

I did play around with the advanced custom css class when I read up on sticky elements and it seemed like it was going to be so easy lol but couldn’t get it to stick, so to speak, which is when I decided to post here. I had added the classes and their stylings through the block editor advanced custom area and not just the class names, so makes sense why that didn’t work — the beta version of Editor has replaced Appearance > Customization (which is not there on this install, see image linked below), is there another way to find access to contribute to the style sheet through the Editor?

picture of no Appearance > Customization: https://kristinabaines.com/wp-content/uploads/2023/01/Screenshot-2023-01-09-at-2.37.29-PM.png

really appreciate your help, thank you ??

Hmm, the customizer should be there in some kind of capacity.

What plugins are installed on the site?

Advanced Accordion Block and Select Social Icons Widget & Block are the only plugins I have installed — when I made my original post, however, there were no plugins installed. I had just updated WordPress, installed the theme and started playing around when I posted.

good news is that the code works great and the site is looking as I want it to. bad news is I modified the theme file, for the time being, to make it work (too lazy to make a child theme while I figure this out, haha).

just found this article, though, which seems to explain what I am experiencing and solution 1 worked for me! https://www.wpbeginner.com/wp-tutorials/how-to-fix-missing-theme-customizer-in-wordpress-admin/ I manually entered the URL kristinabaines.com/wp-admin/customize.php into my browser and the customizer appeared. it seems I had correctly assumed the editor replaced the customizer in the admin interface and it seems to be related to which themes were primed for the possibility of the beta editor, which, in the end, I think, is actually a good thing about this theme. I am going to go ahead and remove the code from the theme file and put it in the customizer, but I’ll save it somewhere just in case lol who knows how it will deprecate..

I suppose for my next trick, I will need to figure out how to get the beta editor to add to the style sheet because I don’t really need the customizer otherwise.