Lined up widgets

• 

  silvanafabbrini · Member · Apr 4, 2017 at 1:57 pm

  • Copy link
  • Add topic to favorites

  Hi, I would like to move one of the widgets in the footer next to the one above. Basically I have 5 widgets in total and I would like them all lined up in the same line.
  Thank you

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

• 

  thesacredpath · Member · Apr 5, 2017 at 9:29 pm

  • Copy link

  Hi there, add this to your custom CSS. It makes your footer widget area 5 across on screens/windows 992px and wider. Below that it reverts to the original design of two columns. If we try and keep 5 across below 992px, the widgets get really narrow and hard to use.

  @media screen and (min-width: 992px) {
  	.one-fourth {
  		width: 20%;
  	}
  	.grid .column.one-fourth:nth-of-type(4n+1) {
  		clear: none;
  	}
  }

• 

  silvanafabbrini · Member · Apr 6, 2017 at 9:14 am

  • Copy link

  Thank you, very helpful!

• 

  thesacredpath · Member · Apr 6, 2017 at 6:16 pm

  • Copy link

  You are welcome.