Sidebar at bottom in mobile version

Viewing 2 replies - 1 through 2 (of 2 total)

  • Get a custom CSS plugin and put this:

    @media screen and (max-width: 768px) {
	#sidebar {
		width: 45%;
		display: inline-block;
		min-width: 0;
		clear: none;
		float: left;
	}

	#section {
		width: 45%;
		display: inline-block;
		margin: 0;
		float: right;
	}
}

    You can adjust the widths if you’d like one column to be wider than the other. This would be massively cramped on a smartphone screen, though, so if you’d like to keep the stacked look on a smartphone but use the two-column layout on a tablet, change the first line to this: @media screen and (min-width: 480px) and (max-width: 768px) {

    Thread Starter dwall

    (@dwall)

    Thanks, much appreciated!

    -Dan

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar at bottom in mobile version’ is closed to new replies.