Issues with Trailer Box on different browsers
Hi,
With regards to the Be/Shop theme can you tell me if there is way to keep the content in the trailer box to not go out the squares on on different browsers? If you look at http://www.infinitickets.com on desktop thats how the contents should look
However if you look at it on say Tablet and rotated mobile the the contents go out of the trailer box frames - If you zoom in on desktop that should show you what I mean.
Is there a way to get the trailer box contents to scale to each browsers correctly so all text/titles descritionsit stay in the 300 x 300 image squares they're laid on? Also is there a way to make the trailer box 300 x 300 px or to that square ratio as opposed to the Recommended image width: 768px - 1920px as the trailer box expands when rotated on smartphone or viewed on tablet.
And lastly can someone tell definitive me the CSS rule for changing CSS on both tablet and mobile like the '@media (max-width: 480px) {' rule as anything I try isn't working
Hope you can help...
Comments
there is not much that can be done, this element was not designed to held so much text in the subtitle field. All you can do is make 3 or 2 items per row to make more space for the text.
thanks
yes you can disable the responsive view of the website in theme options>responsive>general.
thanks