sidebar widgets in slideout menu only in mobile version

Hi Arish, you can add the same widgets to the slide out widget area and then hide the sidebar on mobile like so:

@media (max-width: 768px) {
    #right-sidebar {
        display: none;
    }
}

If its the left sidebar then target #left-sidebar

If you are using the slideout menu also on desktop then we can hide them on desktop like so:

@media (min-width: 768px) {
    #generate-slideout-menu aside {
	    display: none;
    }
}

I will do this later but the new issue is that I don't know when but my website is not responsive anymore please whats the problem

i removed the last modification but none changes the situation

Edit : Now its automatically responsive wait what is happening

Hi Arish, try clearing your browser cache. I just checked your previous link and it looks fine to me.

One more problem is this :

Hi Arish, you can try adjusting the size of the image in the Layout > Blog > Featured images - this will affect the desktop as well but you may find a happy medium. If not we can try some CSS to increase its size for tablet sizes.

This my website responsive right now http://www.pcprober.com

Hi Arish,

it is best to size your images in the blog settings so they look good on mobile/tablet and the resize them down to suit the desktop requirements. This post covers that off:

https://generatepress.com/forums/topic/featured-image-6/

You can increase the media width stated to 1025px to cover tablet.