please help

• 

  greycon2015 · Member · Dec 15, 2015 at 8:25 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Can you help me how to align the two columns at feature projects part
  I want to use two of them but want to align them all centered.

  And for our services part I want to align the two of them too. I don’t want to use 3 is this possible?

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

• 

  thesacredpath · Member · Dec 16, 2015 at 7:15 pm

  • Copy link

  Hi there, this is a bit tricky due to the fact that the theme is designed for 3 across and doesn’t automatically adjust for less than that, but we can use a little CSS trickery to make it happen. I’ve use a Media Query to limit this change to screens/windows 720px and wider since below that the sections switch to a single column so that things look better on the smaller screens. Add the following to the very bottom of your custom CSS and see what you think and make sure and view things on a phone and tablet if you can. In my testing everything works smoothly on all screen sizes, but it is always good to have the verification.

  @media screen and (min-width: 720px) {
  #projects.home-section .wrap .thumbs {
      max-width: 700px;
  }
  #projects.home-section .wrap .thumbs .small {
      width: 100%;
  }
  #featured-pages .wrap .pages {
      max-width: 700px;
  }
  #featured-pages .wrap .thumbs .small {
      width: 100% !important;
  }
  }