-1

I have a website that is totally responsive however there is one part that is not ans is situated below the slogan URBAN FREE SPIRIT (I am talking about the images) I tried to had the class container, the class img-responsive but nothing seems to work ..

Here is my website, it will be easier to have a look through the inspector I think than with copy paste

http://v1954132.caqoajqezbu9.demo42.volusion.com/

j08691
  • 204,283
  • 31
  • 260
  • 272
Ben2pop
  • 746
  • 1
  • 10
  • 26
  • Please add meaningful code and a problem description here. Don't just link to the site that needs fixing - otherwise, this question will lose any value to future visitors once the problem is solved. Posting a [Short, Self Contained, Correct Example (SSCCE)](http://www.sscce.org/) that demonstrates your problem would help you get better answers. For more info, see [Something on my web site doesn't work. Can I just paste a link to it?](http://meta.stackexchange.com/questions/125997/) Thanks! – j08691 Apr 29 '15 at 21:09

1 Answers1

0

.home-stage-v2 isn't responsive.

.home-stage-v2 {
  width: 1000px;
  height: 1200px;
  position: relative;
  margin-top: 25px;
}

Apply media queries for it for the various widths.

@media (min-width: 1200px) {
    .home-stage-v2 {
      width: 1000px;
    }
}

@media (max-width: 1199px) {
    .home-stage-v2 {
      width: 100%;
    }
}

Example above. You will also have to rework the images as they're with fixed width and also don't respond to width changes. I'd suggest reworking them into either percentages or putting them into a grid.

http://getbootstrap.com/examples/grid/ for examples on grids.

krisfremen
  • 177
  • 1
  • 2
  • 13