Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2020 at 8:25 am #1227404
    Telmore

    Hi,

    You have previously helped me with an issue with the accordion in this thread: https://kriesi.at/support/topic/responsive-issue-with-accordion/

    I have now noticed that the solution you provided me removes all the lines from the accordions on my site.

    Can you help, so the lines does not appear on zoom (as the problem were in my previous thread), yet still are visible in the accordions in normal view?

    Best regards,
    Susanne

    July 3, 2020 at 6:18 am #1227648
    Rikard

    Hey Telmore,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-magazine-top-bar {
    border-color: transparent;
}

    Best regards,
    Rikard

    July 3, 2020 at 11:19 am #1227739
    Telmore

    Hi Rikard,

    I tried to add the code, but the lines appears again when I zoom in and out on the site

    Best regards,
    Susanne

    July 6, 2020 at 12:42 am #1228119
    Mike

    Hi,
    Sorry for the late reply and thanks to the link to the other thread. Unfortunately, there is not a way to apply css based on zoom level, but I was able to test this css on your page while using zoom in Chrome on Windows and it seems to solve this while keeping the active toggle border and the special heading border.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #wrap_all .main_color div:not(.togglecontainer) section,
#wrap_all .main_color div,
#wrap_all .main_color p:not(.activeTitle),
#wrap_all .main_color p.toggler:not(.activeTitle) {
    border-color: transparent !important;
}
#top #wrap_all .main_color .special-heading-inner-border {
    border-color: #545d62 !important;
}

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

    Best regards,
    Mike

    July 6, 2020 at 8:40 am #1228218
    Telmore

    Hi Mike,

    That did not work. It removed the lines from accordion, without having zoomed, though I used Chrome and also removed cache. But I tried something else where I used media querie to at least only remove the lines on larger and smaller screen sizes, which seems to also to a certain extent control the zoom.
    Though it is not an optimal solution.

    @media screen and (min-width: 2640px) {
    .js_active .toggler {
    border: none;
    }
    }

    @media screen and (max-width: 1700px) {
    .js_active .toggler {
    border: none;
    }
    }

    Best regards,
    Susanne

    July 6, 2020 at 2:19 pm #1228291
    Mike

    Hi,
    Thank you for sharing your solution, I had thought you wanted to keep the active toggle title borders when the toggles were open, but glad to see you have it sorted out. Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

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