Z-index of section override Z-index of column

  • Resolved koupmi

    (@koupmi)


    2 years, 5 months ago

    Hello,
    i have section, where is shortcode with contact form 7.
    Under CF7 is another section, where is column with phone number and column with text. This section have margin -50px. That mean its inside first section.

    Problem is second section override z-index of first section, so button in CF7 is not clickable.
    If i set z-index higher for first section, then is not clickable phone number in second section.
    If i set higher z-index to column with phone number, first section have still higher z-index and override this.

    What can be solution?

    • This topic was modified 2 years, 5 months ago by koupmi.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    As the z-index determines that the section is over the other it’s like a block.

    I would suggest changing the widget in the second section position, by going to Advanced > position and changing it to either absolute or fixed to move it without using the margin and moving it above the number so it won’t block it.

    Can you please send me a link to the website?

    Thread Starter koupmi

    (@koupmi)

    Hi,
    thanks i changed margin to absolute position and changed width of element, so it not block the button.

    • This reply was modified 2 years, 5 months ago by koupmi.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Z-index of section override Z-index of column’ is closed to new replies.