Site logo

Archived topic

sidebar + highlight image

7 replies · Started by Maximilien on March 9, 2023

Viewing posts 1–8 of 8

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

This archived topic is closed to new replies.