Archived topic
How to change the margin from a sidebar list?
3 replies · Started by George on February 28, 2022
Hi, I have added a TOC list on the sidebar of one page, but the left margin is not changing. and looks weird on smaller screens. video: https://www.loom.com/share/18010d8da8cb46fdbe624bee62e24c0a
I talked to elementor support and they told me that the margin is added by the GP theme, not by them.
Here's the page that faces the issue: https://genderunicorns.com/genders/
How to make the margin adaptable and reduce it automatically on smaller screen sizes?
thanks!
Hi George,
Can you try adding this CSS and see if this works for you?
ol.elementor-toc__list-wrapper {
margin: 0;
}
ol.elementor-toc__list-wrapper li div{
justify-content: center;
}Alternatively, here is another CSS which would only remove the margin on table and mobile:
@media (max-width: 1024px) {
ol.elementor-toc__list-wrapper {
margin-left:0;
}
}Kindly modify the values to your preference. :)
Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/
Kindly let us know how it goes. Hope this helps! :)
Yes, the first code worked! Many thanks!
You’re welcome George! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. :)
