Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 1, 2016 at 8:38 am #641299
    Siracher

    Hi

    I have an issue on this page:
    http://garagefalknis.ch/fahrzeugangebot/

    if you click on a car and then open an image, the footer jump up and hide the image.

    do you have an idea, how to resolve this issue??

    kind regards

    June 1, 2016 at 8:43 am #641302
    Jordan

    Hey Siracher,

    Thanks for getting in touch with us!

    A plugin conflict may be one of the reason for this issue.
    To find which plugin is causing the conflict please follow these steps:

    1. Go to your plugins page > Deactivate all active Plugins
    2. Update WordPress and Enfold to latest version if you have not.
    3. Make sure all the plugins are updated.
    4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

    We await the results of your plugin compatibility test.

    Thanks for your cooperation :)

    Best regards,
    Jordan

    June 1, 2016 at 8:54 am #641314
    Siracher

    Hi Jordan

    thanks for the quick answert. I did this, but the issue is the same.

    the page contains this code which is refering to an external site:

    <div class="embedded-content-area" data-embedded-src="http://www.autoscout24.ch/de/hci/list?design=1086&filter=2253"></div>
<script src="http://www.autoscout24.ch/MVC/Content/as24-hci-desktop/js/e.min.js"></script>

    I think the issue is that enfold thinks the content is empty if the image shows up and therefore the footer jumps on top.

    kind regards

    June 1, 2016 at 9:02 am #641319
    Jordan

    Hi,

    Would you mind providing admin login details to your site, so that we can have a closer look at the back end with the code. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    June 1, 2016 at 9:05 am #641321
    Siracher

    sure, thanks

    June 1, 2016 at 3:14 pm #641546
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .iframe-fullscreen-cddd2bf1-995d-d2da-550b-f7e6a3a2252b {
    position: relative !important; 
}

    Regards,
    Yigit

    June 1, 2016 at 3:30 pm #641560
    Siracher

    Hi Yigit

    thanks for the Code! Unfortunately it doesn’t work. I think each time you open an image a separae ID is given to this class…

    I tried your approach by adding this code

    iframe
 {
position:relative!important;
 }

    Problem is that the image is now pretty small.
    If I add an additonal min-height it looks quite ok. But would be nice if the shadowbox would be full screen as before just without the footer.

    cheers

    June 3, 2016 at 6:07 am #642384
    Ismael

    Hi,

    Do you have many pages like this? Try to add this in the Quick CSS field:

    .page-id-734 #main .template-page.content {
    min-height: 500px;
}

    Best regards,
    Ismael

    June 3, 2016 at 8:23 am #642443
    Siracher

    HI Isamel

    thanks a lot, this almost did the trick!

    It would be nice if the header and footer ist not the top layer anymore if the shadowbox pops up.
    I tried with z-index but could not manage to place header and footer behind the shadowbox.

    do you have an idea how to do this?

    thanks a lot

    June 4, 2016 at 7:33 am #642850
    Ismael

    Hi!

    Please try this:

    .page-id-734 #main .main_color.container_wrap_first.container_wrap.fullsize {
    z-index: 10000;
}

    Cheers!
    Ismael

    June 7, 2016 at 8:02 am #643852
    Siracher

    Hi Ismael

    thanks a lot! This code did the work!

    cheers

    June 7, 2016 at 6:28 pm #644262
    Vinay

    Hi,

    Glad we could help :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Footer jumping up when external ifram shows images’ is closed to new replies.