2

I have a wordpress website called www.ellaror.se On the first page you can se a slider that is working and covering the whole width of the "content" div.

But when I browse the website on my phone it gets smaller but not the slider, it is still 1000px width.

Here is the CSS that I have added on my own that becuase i wanted the slider a little bit more wider so it will cover the whole page and a little bit to the left and up:

#soliloquy-container-268 {
margin-top: -100px;
width: 1000px;
margin-left: -76px;

We also have this CSS code snippet in our HTML (#soliloquy-container-268):

style="max-width: 1000px; max-height: 300px;"

I know that the slider won't get smaller because I have given it width:1000px; but is there any smart way to make so the slider will cover the whole content page and gets smaller at the same time when you browse it on you phone?

brasofilo
  • 25,496
  • 15
  • 91
  • 179
Sadjad Johansson
  • 320
  • 2
  • 13
  • 2
    not sure but [this question](http://stackoverflow.com/questions/6593425/best-method-to-fit-a-child-div-to-its-parents-width) may be relevant. – Oren Apr 07 '13 at 15:27

1 Answers1

1

Give the slider this CSS value -

#soliloquy-container-268 {
    max-width: 1000px;
    width:100%;
}
Kevin Lynch
  • 24,427
  • 3
  • 36
  • 37
  • Thanks for taking your time and answer me! The problem is that it wont work because there is one or two
    around the slider that prevent it cover the whole width. Can you see it?
     – Sadjad Johansson Apr 07 '13 at 16:03