Sidebar cut in tablet/mobile view, please help

• 

  liseliten · Member · Jan 25, 2015 at 3:47 pm

  • Copy link
  • Add topic to favorites

  In the Adelle theme, the sidebar falls to the bottom on tablet/mobile. When it falls down, the sidebar is cut off (in height, not showing everything below). How can I make the whole sidebar visible (in height, and also centered)?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 25, 2015 at 8:46 pm

  • Copy link

  I’m seeing all of your sidebar widgets on my iPhone and iPad Air right now. The shift of the sidebar below the content happens at 1031px and narrower, so we can construct a media query to center align the widgets below the content at 1031px and narrower like this.

  @media screen and (max-width: 1031px) {
  	#secondary {
  		width: 100%;
  		max-width: 680px;
  		text-align: center;
  		float: left;
  	}
  	.widget {
  		width: 250px;
  		margin-left: auto;
  		margin-right: auto;
  	}
  	.widget-title {
  		text-align: center;
  	}
  }

• 

  liseliten · Member · Jan 25, 2015 at 9:31 pm

  • Copy link

  Thank you so much! That solved my problem :)

• 

  thesacredpath · Member · Jan 30, 2015 at 7:28 pm

  • Copy link

  You are welcome.