jimsweb Chevereto Member Jul 14, 2016 #1 virtical ads in image view.. i think it's gonna help all of us... Upvote 0 Downvote
Rodolfo 👑 Chevereto Godlike Chevereto Staff Administrator Jul 14, 2016 #2 Vertical ads doesn't play nicely on responsive so nope, I won't add this.
jimsweb Chevereto Member Jul 14, 2016 #3 well, let me rephrase it - this is applicable to only desktop version..
Rodolfo 👑 Chevereto Godlike Chevereto Staff Administrator Jul 15, 2016 #4 jimsweb said: well, let me rephrase it - this is applicable to only desktop version.. Click to expand... Chevereto is responsive, that won't change. Cheers.
jimsweb said: well, let me rephrase it - this is applicable to only desktop version.. Click to expand... Chevereto is responsive, that won't change. Cheers.
SMP 💖 Chevereto Fan Jul 15, 2016 #5 jimsweb said: well, let me rephrase it - this is applicable to only desktop version.. Click to expand... Play with css and responsive queries. Show the same ad differently on desktop. something like this should be a start Code: <div id="image_image-viewer_top" class="col1"> left </div> <div id="image-viewer" class="col2"> image </div> <div id="image_image-viewer_foot" class="col3"> right </div> Code: <style> @media (min-width: 768px) { .col1{float: left; width:14%; margin-right:1%;background-color:red;} .col2{ display:inline-block; width:70%;background-color:blue;} .col3{float: right; width:14%;margin-left:1%;background-color:green;} } </style>
jimsweb said: well, let me rephrase it - this is applicable to only desktop version.. Click to expand... Play with css and responsive queries. Show the same ad differently on desktop. something like this should be a start Code: <div id="image_image-viewer_top" class="col1"> left </div> <div id="image-viewer" class="col2"> image </div> <div id="image_image-viewer_foot" class="col3"> right </div> Code: <style> @media (min-width: 768px) { .col1{float: left; width:14%; margin-right:1%;background-color:red;} .col2{ display:inline-block; width:70%;background-color:blue;} .col3{float: right; width:14%;margin-left:1%;background-color:green;} } </style>