Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 1, 2024 at 2:30 am #1447229
    jaimemerz

    I’m hoping to find a way to center the accordion toggle icon above the accordion content. The example in question is about halfway down the page of the link provided under the “Meet the Founders” headshots, I’d like the word “title” to be centered under the plus icons. Is this possible?

    June 1, 2024 at 10:44 pm #1447386
    Mike

    Hey jaimemerz,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .cofounder_toggle.av-minimal-toggle .toggle_icon {
    position: absolute;
    margin-top: -44px;
    margin-left: 40% !important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 19, 2024 at 4:28 am #1451912
    jaimemerz

    Thank you! This works on desktop but noticed it is not centered when you adjust the browser down. Do you know how to make this responsive on all devices?

    June 19, 2024 at 7:24 am #1451928
    Ismael

    Hi,

    Thank you for the update.

    We adjusted the css code a bit. Please replace the previous css with this code:

    .cofounder_toggle.av-minimal-toggle .toggle_icon {
    position: absolute;
    margin-top: -44px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.