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

Home Forums Support sidebar widgets in slideout menu only in mobile version

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #572214
    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

    GeneratePress 2.1.1
    GP Premium 1.6.2
    #572253
    David
    Staff
    Customer Support

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

    #572262
    David
    Staff
    Customer Support

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

    #572275
    Mr McMarry

    One more problem is this :

    #572307
    David
    Staff
    Customer Support

    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.

    #572345
    Mr McMarry

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

    #572356
    David
    Staff
    Customer Support

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.