Archived topic
sidebar + highlight image
7 replies · Started by Maximilien on March 9, 2023
hi,
Can you please help me with my site
1. I would like to hide the sitebar in mobile version
2. I would like to have the highlight image centered on the desktop version because it is on the left side of the page and the articles
Thanks a lot
Have a nice day
Hi there,
1. add this CSS to your site:
@media(max-width: 768px) {
#right-sidebar {
display: none;
}
}
2. Your image is not wide enough to fill the space above the content area. If you made it so then it would take up a lot of space, temporarily add this CSS to your site to see that:
.page-header-image img {
width: 100%;
}
Would it make more sense to move the image inside the Container above the title ?
Hello
Thank you very much
It was not working and I just saw that when I deactivate wprocket it works but when I put it back it doesn't work anymore
Do you have a trick to use it with wp rocket please?
Another question how to put the sidebar in fixed on desktop please
thank you
OK, so after you enable WP Rocket, can you clear its caches ?
Another question how to put the sidebar in fixed on desktop please
You can use this CSS to fix the entire sidebar:
@media(min-width: 769px) {
#right-sidebar {
position: sticky;
top: 60px;
}
}
Thank you very much 🙏👍😉
You're welcome