Navigation
Archive / Bring Image to top
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 30, 2017 at 1:24 pm #1351212
    mkbontwikkeling
    Participant

    Hi,

    I’ve tried searching but I couldn’t find anything that I could use. So here’s my question:

    I’m trying to make a truck overlap two rows. At first this worked perfectly (see screenshot 1), but as soon as I “stretch the row” the truck disappears behind the second row (see screenshot 3).

    Can you help me with this? I’m totally lost. I would prefer doing it with Z-index if possible.

    Best regards,

    Guido

    January 30, 2017 at 2:43 pm #1351331
    Rahul
    Moderator

    Hi There,

    Thanks for writing in! Would you mind sharing the URL to your website so that we can take a closer look and provide you tailored solution.

    Thanks again!

    January 30, 2017 at 5:34 pm #1351480
    mkbontwikkeling
    Participant
    This reply has been marked as private.
    January 31, 2017 at 12:36 am #1351870
    Friech
    Moderator

    Hi Guido,

    Was that screenshot is the one from home page? I can’t replicate the error there. The second section does not cover the bus, even if I adjust the browser’s width.

    Please clarify. Thanks.

    January 31, 2017 at 7:37 am #1352212
    mkbontwikkeling
    Participant

    Hi,

    The second row doesn’t cover the truck now, but if you change the blue row (the first row) to “stretch the row” as shown in screenshot 2, then it will cover the truck. The top row (the blue one) isn’t full width now but I need it to be.

    So to replicate the problem:

    1 – Login to the admin
    2 – Change the top row to “stretch the row” and save. (as shown in screenshot 2)
    3 – Reload the webpage and you will now see that the truck is covered by the second row (a white row).

    Thanks for the help.

    Best regards,

    Guido

    January 31, 2017 at 10:16 am #1352411
    Lely
    Moderator

    Hi Guido,

    I can see the issue.
    I just add an ID on the top row: home-section-1.
    Then on Page settings, I add the following.

    div#home-section-1 {
    overflow: visible;
}

    The overflow is now working.
    See this:http://screencast-o-matic.com/watch/cbVwDDQ9wU

    Hope this helps.

    January 31, 2017 at 11:04 am #1352480
    mkbontwikkeling
    Participant

    You guys are seriously awesome!
    I’ll be buying a lot more licenses! Keep up the good work!

    January 31, 2017 at 11:41 am #1352529
    Prasant Rai
    Moderator

    Thanks for the good words. It means a lot to us. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1351212 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>