Archived topic
Fixed right sidebar, looks bad
5 replies · Started by Diego Carrión on January 7, 2021
Fixed right sidebar, looks bad
Hello, I am using this code, I don't know much css, I hope it can help me correct it, especially that they are seen in most browsers, I want to set the right sidebar, but with this code it cuts it does not look complete:
/* Stick right sidebar */
@media(min-width: 769px) {
.inside-right-sidebar {
-webkit-position: sticky;
position: sticky;
top: 20px;
transition: 0.2s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
}
/* fin de fijar */If I try to put this inside the code:
height: 100%;It just isn't fixed, how can I solve?
Thank you very much
Screenshot:
with the code
https://prnt.sc/wihtl8
full bar
https://prnt.sc/wihv06
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Of course, the site is in Spanish.
I'll give you access to the wordpress admin if you need any other just tell me
Hi Diego,
I just checked your site, what happens to your sidebar isn't a technical issue, it's just because the sidebar is longer than the screen.
I would recommend you reduce the length of sidebar by reducing/removing the space between each widget, or just simply don't make the sidebar sticky.
Let me know :)
Oh, I understand, thank you very much for taking the time to review, I will do everything you tell me, I really appreciate your answer.
Best regards.
You are welcome :)
