Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 29, 2021 at 11:03 am #1326971
    envapk2

    Hi

    I’m trying to make content in one column overlap the adjacent column, horizontally. This works using { position: relative; right: -65px;} to shift something from the righthand column over to the left. But if I try to do it from left overlapping right the content goes behind the right column. How can I change the stacking order? You should be able to see an example of what I mean in the link below.

    many thanks

    Peter

    October 30, 2021 at 7:05 pm #1327096
    Mike

    Hey envapk2,
    Thank you for the link to your test page, you need to adjust the z-index of the right column, so add a custom class to it and in your rule add the section ID to override the current z-index, for example:

    #av_section_2 .avia-builder-el-11 {
    position: relative;
    z-index: 0;
}

    Best regards,
    Mike

    October 31, 2021 at 5:19 pm #1327210
    envapk2

    Hi Mike

    Thanks for that, it works well.

    Peter

    October 31, 2021 at 6:37 pm #1327212
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘horizontal overlap’ is closed to new replies.