Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 1, 2022 at 11:59 am #1338195
    fkm

    Hi Enfold team,

    I´m using the accordion (elegant style, a lil costumized) for this website and I noticed that in mobile view, closing a toggle flashes a blue line.
    Also, the vertical line, which turns the minus sign into a plus sign again, is initially displayed very thin when the toggle is closed and returns to its actual width with a slight delay.

    Please let me know how to fix this issues (please see screenshot).

    Thank you very much in advance.

    Best regards, fkm

    February 1, 2022 at 2:12 pm #1338235
    Yigit

    Hey fkm,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
.av_toggle_section *:focus {
  outline: none !important;
}

    Best regards,
    Yigit

    February 1, 2022 at 5:15 pm #1338279
    fkm

    Hey Yigit,

    thanky you very much for the quick reply and the code – it worked, the blue line disappeared.
    Great.

    Is there no quick fix for the vertical line that appears very thin and become wider with a short delay every time you close a toggle/accordion element (please see screenshot)?

    Thanks a lot in advance.

    Best regards, fkm

    February 1, 2022 at 5:34 pm #1338289
    Yigit

    Hi,

    I checked your website on my iphone but I could not reproduce the issue on Safari. I attached screenshots in private content field.

    These are browser styling but the code I shared should have removed all outlines in toggle. Have you cleared cache on your mobile device?

    Best regards,
    Yigit

    February 4, 2022 at 12:29 pm #1338878
    fkm

    Hi Yigit,

    first of all thank you very much for your immediate reply and sorry for my late one.

    The issue becomes apparent when clicking the minus sign to close a toggler. It´s the same in Firefox, Chrome and also on the iPhone (Safari).
    I made a video of it, please see the link below (and please excuse my shaking hand).

    I know this is whining on a very high level on my part, but maybe it can be fixed quickly (if not, that’s okay too).

    Thanks a lot in advance.

    Best regards,
    fkm

    February 5, 2022 at 6:35 pm #1339079
    Mike

    Hi,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .toggler .toggle_icon, .toggler:hover .toggle_icon * {
    transition: none !important;
    -webkit-transition:  none !important;
}

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

    Best regards,
    Mike

    February 7, 2022 at 10:22 am #1339292
    fkm

    Hi Mike,

    exactly like this – workes great.

    Thank you very much!

    Best regards, fkm

    February 7, 2022 at 12:31 pm #1339315
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘blue line appears when closing an accordion toggle on mobile view’ is closed to new replies.