Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 10, 2015 at 4:33 pm #426639
    awel

    Hi!
    I have ordered two elements side by side. In the desktop view it considerate good. The problem: From a certain viewpoint, both elements are no longer displayed side by side. Here is a screencast:

    https://docs.google.com/file/d/0B9S4vpg0-rRrSU53SUJmRmh4OEk/edit?usp=drivesdk

    How can the elements retain the position next to each other?

    Thank you!

    April 11, 2015 at 6:25 am #426923
    Rikard

    Hi awel!

    I see the problem, thanks for the video explaination. Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    April 11, 2015 at 9:41 am #426978
    awel

    Hi Rikard,
    http://enfold.rightlight-studios.de/kamera-vermietung/ —> cklick on the item “BLACKMAGIC CINEMA CAMERA EF” (its the only item there is at the moment

    kind regards axel

    April 13, 2015 at 4:09 am #427264
    Ismael

    Hi!

    That behaviour is intentional because there are not enough space to accommodate two columns on smaller screens. Add this to the Quick CSS field to change it:

    @media only screen and (max-width: 767px) {
.responsive .portfolio-preview-image, .responsive .portfolio-preview-content {
  display: block;
  width: 49%;
  float: left;
}}

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.