Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 24, 2019 at 4:40 am #1112826
    adapt

    Sorry about this guys – this is a continuation of the support thread here: https://kriesi.at/support/topic/force-new-line-in-title-when-in-responsive-accordion/

    I jumped the gun and said it had been fixed. Then I tested the site on desktop resolution, and the title text now overlaps the button in THAT size. So it’s fixed on responsive, but now it’s desktop that the issue is evident.

    Please advise if there is simply further coding I can add to the CSS to help control non responsive resolutions?

    June 24, 2019 at 5:35 am #1112831
    Mike

    Hey Junms1,
    Please try removing the media query so it will apply to all screen sizes, like this:

    .js_active .av-elegant-toggle .toggler {
    padding: 35px 40px 30px 35px !important; 
}

    or if the padding needs to be different for desktop, we can leave the original css and add this css with a different value:

    @media only screen and (min-width: 768px) { 
.js_active .av-elegant-toggle .toggler {
    padding: 35px 40px 30px 35px !important; 
}
}

    please adjust to suit.

    Best regards,
    Mike

    June 24, 2019 at 5:15 pm #1112961
    adapt

    Thanks Mike! I think that’s finally solved it. I took your second option, and added the separate coding, so we can control desktop and responsive separately.

    Thank you! I think this can be (actually, finally!) closed.

    June 25, 2019 at 2:43 am #1113073
    Mike

    Hi,
    Glad to hear this is solved! :)
    We will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Continuation of Accordion issue’ is closed to new replies.