• Welcome to PHPVIBE Forums. Please log in.

[ Video Sharing CMS v4 ] responsive problem

Started by mihai,

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

mihaiTopic starter

@media(max-width:2000px) {

 .row-fluid .span77, .span77 {width:58%!important;padding-left:180px;}
 .row-fluid .span5 {
width: 40%;
padding-right:290px;
}
.row-fluid .span12 {
width: 75%;
margin-left:170px;
}
.vcontent {
 margin-left:20px;
}



@media(max-width:1870px) {

 .row-fluid .span77, .span77 {width:60%!important}
 .row-fluid .span5 {
width: 39%;
padding-right:290px;
}
.row-fluid .span12 {
width: 75%;
margin-left:170px;
}
.vcontent {
 margin-left:-40px;
}





@media(max-width:1700px) {

 .row-fluid .span77, .span77 {width:60%!important;padding-left:90px;}
 .row-fluid .span5 {
width: 39%;
padding-right:200px;
}
.row-fluid .span12 {
width: 80%;
margin-left:100px;
}
.vcontent {
 margin-left:-90px;
}

@media(max-width:1610px) {

 .row-fluid .span77, .span77 {width:62%!important;padding-left:65px;}
 .row-fluid .span5 {
width: 37%;
padding-right:180px;
}
row-fluid .span12 {
width: 82%;
margin-left:80px;
}
.vcontent {
 margin-left:-133px;
}

@media(max-width:1500px) {

 .row-fluid .span77, .span77 {width:65.5%!important;padding-left:0;}
 .row-fluid .span5 {
width: 33%;
padding-right:110px;

}
row-fluid .span12 {
width: 91%;
margin-left:10px;
}
.vcontent {
 margin-left:210px;
 width:80%;
}
@media(max-width:1399px) {

 .row-fluid .span77, .span77 {width:74%!important}
 .row-fluid .span5 {
width: 25%;
padding-right:1px;

}
.row-fluid .span12 {
width: 99%;
margin-left:-45px;
}
.video-holder {
	margin-left:-50px;
}
.vcontent {
 margin-left:180px;
}
@media(min-width:1242px) and (max-width:1309px) {

 .row-fluid .span77, .span77 {width:74%!important}
 .row-fluid .span5 {
width: 25%;
padding-right:1px;

}
.row-fluid .span12 {
width: 99%;
margin-left:-45px;
}
.video-holder {
	margin-left:-50px;
}
.vcontent {
 margin-left:120px;
}

@media(max-width:1241px) {

 .row-fluid .span77, .span77 {width:100%!important}
 .row-fluid .span5 {
width: 99%;
padding-left: 8px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.row-fluid .span12 {
width: 87%;
}
.vcontent {
 margin-left:60px;
}

@media(max-width:1190px) {

 .row-fluid .span77, .span77 {width:92%!important}
 .row-fluid .span5 {
width: 99%;
padding-left: 8px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 82px;
}
.vcontent {
 margin-left:1px;
}
.span8 {
	margin-left:170px;
}

@media(max-width:1030px) {

 .vcontent {margin-left:230px;}
 
 @media(max-width:900px) {

 .vcontent {margin-left:210px;}


@media 900/1030/1190 are not working,in rest it''s fine
  •  

Marius P.

if you set max-width you should set a min width also (so they don't mix, as I believe it happens to you)
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

mihaiTopic starter

I will try and come with the result:D ;D
  •  

mihaiTopic starter

  •  

Similar topics (7)