Side Bar Responsive Issue

Support Area Forums Finesse Side Bar Responsive Issue

This topic contains 2 replies, has 2 voices, and was last updated by  Gia Watkins 3 years, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://greatestates.wpengine.com/?page_id=84
  • Author
    Posts
  • #37111

    Gia Watkins
    Participant

    The right sidebar is not sliding above or below the main content area in the phone responsive view. Instead there are 2 columns in the phone view, the main content area and the sidebar…both are very squished. Is there a fix so that the sidebar slides above or below the main content? Or maybe gets hidden?

    #37113

    Bill Robbins
    Moderator

    Hi Gia,

    We can keep that from happening. Go to the Customizer and click on Advanced. In the spot for Custom CSS, add this (you can place it below anything that is there already):

    
    @media screen and (max-width: 767px) {
    	
    	#content,
    	#sidebar {
    		width: 100%;
    	}
    
    }
    

    Save your changes and see how that works for you. Let me know if you have any trouble.

    Take care,
    Bill

    #37131

    Gia Watkins
    Participant

    Wow, worked like a charm! Thanks.

    Gia

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Side Bar Responsive Issue’ is closed to new replies.