[Resolved] sidebar widgets in slideout menu only in mobile version

[Mr McMarry]

Hey Support Team :

is it possible to just wrap up all the sidebar widgets in slideout menu in mobile only because i dont want that sidebar menu in footer in mobile version

I hope you understand

[David]

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;
    }
}

[Mr McMarry]

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

[David]

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

[Mr McMarry]

One more problem is this :

[David]

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.

[Mr McMarry]

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

[David]

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.

[Author]

Posts