Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 2, 2018 at 7:26 pm #920505
    proformancestudios

    Hi,

    New your assistance.

    I put below provided div from Ogulo ( preview of a 360 degree tour ) in a text-block.

    The tour is centered on desktop devices but e.g. not on Samsung Galaxy S7 edge Portrait modus.
    On landscape this is fine and centered !

    Any idea?

    Thanks.

    Claudia

    March 2, 2018 at 7:51 pm #920511
    Jordan Shannon

    Hey Marco,

    I am not seeing the issue unfortunately, however, since you seem to be aware of how media queries in css work then you could target the problem areas class and position it specifically for mobile.

    Best regards,
    Jordan Shannon

    March 2, 2018 at 9:13 pm #920542
    proformancestudios

    Sorry, but appreciate that the support coud help as I have no idea how to solve.

    Looking foward to hear from you.

    Thanks

    CLAUDIA

    March 3, 2018 at 11:48 am #920744
    Victoria

    Hi CLAUDIA,

    Please disable caching and minification while we’re helping you.

    Best regards,
    Victoria

    March 3, 2018 at 12:44 pm #920771
    proformancestudios

    Victoria,

    Done. Let me know as soon as we can activate again.

    Thanks.

    Claudia

    March 3, 2018 at 1:39 pm #920790
    Victoria

    Hi Claudia,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .ogulo iframe {
       width: 90vw !important;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 4, 2018 at 2:11 pm #921035
    proformancestudios

    Hi Victoria,

    Your quick CSS was not working and had no effect.

    I placed the tour iframe in a code block instead.

    And also needed to amend the quick CSS for that as below ( max-width & add position ) so that tour is shown correctly on mobile portrait views:

    @media only screen and (max-width: 480px) {
    .ogulo iframe {
    width: 97vw !important;
    position:absolute;left: -0%;
    }
    }

    Best regards

    Claudia

    March 5, 2018 at 10:20 am #921376
    Victoria

    Hi Claudia,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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