Help Please

[Bradley Prout]

Ive made a pricing table here http://www.s0rethumbs.com/premium/
Could you please help in making it look better on mobile its not good at all.

 

[Russ]

Because it's not responsive

@media (max-width:@maxResponsiveWideWidth) {
.Responsive .pricingtable
{
  float: none;
  width: 100%;
  text-align: center;
  height: auto;
  transform: none;
}
.Responsive .top
{
  width: 100%;
}
.Responsive .pricingtable a
{
  margin: 10px auto;
  display: inline-block;
}
}

Extra.css should probably clean it up.

 

[Bradley Prout]

Because it's not responsive

@media (max-width:@maxResponsiveWideWidth) {
.Responsive .pricingtable
{
  float: none;
  width: 100%;
  text-align: center;
  height: auto;
  transform: none;
}
.Responsive .top
{
  width: 100%;
}
.Responsive .pricingtable a
{
  margin: 10px auto;
  display: inline-block;
}
}

Extra.css should probably clean it up.

i added that code to extra.css but it nothing happened ?

 

[Russ]

It's valid CSS, try moving it to the top of your extra.css file, if it works at the top you may have some broken CSS somewhere.

 

[Bradley Prout]

It's valid CSS, try moving it to the top of your extra.css file, if it works at the top you may have some broken CSS somewhere.

I put it at the top and bottom but nothing :/

 

[Russ]

I'll need admin access to debug.

 

[JacquiiDesigns]

@Bradley Prout - care to share that code? It looks GREAT!
I'll PM you a bit later at XF forums

J.

 

[Bradley Prout]

@Bradley Prout - care to share that code? It looks GREAT!
I'll PM you a bit later at XF forums

J.

of course

 

[JacquiiDesigns]

of course

Hey @Bradley Prout - I PMed you at XF.com ... Will give you a discount for that premium code.
I'll be looking forward to your response

J.