move widget area to bottom

  • sylviacolesheets · Member ·

    The Duet Theme only has a sidebar widget area. This makes the two column format too narrow, so I currently have widgets only on pages. Is there a way I can move the widget area to the footer area?

    Thank you.

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

  • thesacredpath · Member ·

    Hi there, add the following CSS which takes the content to 100% width and puts the sidebar below the content as happens below 900px in width on the un-customized theme.

    @media screen and (min-width:900px) {
	#wrapper {
		width: 100% !important;
	}
aside[role="complementary"] {
	float: left;
	width: 100% !important;
}
}

    Narrow and widen your browser window to make sure everything looks right to you.

  • sylviacolesheets · Member ·

    That worked great! For some odd reason, it now has a grey line on the right side…But it is exactly what I wanted it to do. Thank you so much for your help! You’ve made my day.

  • thesacredpath · Member ·

    Ah, didn’t see the line. Change what I had given you into this:

    @media screen and (min-width: 900px) {
#wrapper {
    width: 100% !important;
}
aside[role="complementary"] {
    float: left;
    width: 100% !important;
}
.sidebar {
    border-right: none;
}
}
  • sylviacolesheets · Member ·

    That’s perfect! Thank you so, so much. You are fantastic! The wordpress magician who can wave his wand and make people ecstatically happy!

  • thesacredpath · Member ·

    Well, thank you are you are welcome.

  • The topic ‘move widget area to bottom’ is closed to new replies.