Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2026 at 6:29 pm #1496375
    StrategyDriven

    Hello,

    I’m using the absolute position (bottom -50 px) for buttons in 1/3 columns so that they are all aligned at the bottom of the column regardless of the content above them. The button alignment works well. However, using the absolute positioning makes the buttons not work. They are not clickable anymore.

    When I remove the absolute positioning, the buttons work fine though are then not aligned at the bottom of the column.

    Any advice on how to fix this is appreciated. Thank you!

    • This topic was modified 2 hours, 52 minutes ago by StrategyDriven. Reason: Forgot to add the private webpage on which the issue can be observed
    March 27, 2026 at 7:21 pm #1496377
    Mike

    Hey StrategyDriven,
    The padding from the column below the buttons is overlapping the buttons, try this css to correct:

    .page-id-4481 #service .avia-builder-el-32 {
	z-index: 0;
}

    After applying clear your cache.

    Best regards,
    Mike

    March 27, 2026 at 8:14 pm #1496384
    StrategyDriven

    Thank you, Mike! That did the trick.

    March 27, 2026 at 8:31 pm #1496386
    Mike

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Absolute Position Makes Button Not Work’ is closed to new replies.