[Resolved] sidebar + highlight image

[Maximilien]

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

[David]

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 ?

[Maximilien]

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

[David]

OK, so after you enable WP Rocket, can you clear its caches ?

[Maximilien]

Another question how to put the sidebar in fixed on desktop please

[David]

You can use this CSS to fix the entire sidebar:

@media(min-width: 769px) {
    #right-sidebar {
        position: sticky;
        top: 60px;
    }
}

[Maximilien]

Thank you very much 🙏👍😉

[David]

You’re welcome

[Author]

Posts