Moving sidebar to the top in mobile view

  • Resolved tomasztb

    (@tomasztb)


    4 years, 10 months ago

    Whenever page is viewed in mobile view (less than 991 px, as it is in css) the sidebar is displayed below the posts area.

    I put some important info in the sidebar, and with infinite scroll enabled, there is no way for the visitor (unless he/she scrolls the page very fast) to get to the bottom of the page to actually see the content of the sidebar. In infinite scroll there is always gonna be a post that will be displayed before the sidebar.

    Could You help and tell me where to edit css, to make the sidebar displayed as first (on the top) and posts as second area (below the sidebar)

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author thememattic

    (@thememattic)

    Hi @tomasztb,

    Thanks for writing in!

    Could you please add below CSS and see if it helps. From your WordPress Dashboard navigate to Appearance > Customize > Additional CSS and add below CSS:

    @media only screen and (max-width: 991px) {
	.content-inner-wrapper {
	    display: flex;
	    width: 100%;
	    height: 100%;
	    flex-wrap: wrap;
	    flex-direction: column;
	}

	.content-inner-wrapper #primary {
	    order:2;
	}

	.content-inner-wrapper #secondary {
	    order:1;
	}
}

    If you’ve any further questions or feedback? Just hit reply and we’ll gladly help.

    Best Regards,

    Thread Starter tomasztb

    (@tomasztb)

    Great, it works :). Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Moving sidebar to the top in mobile view’ is closed to new replies.