Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 1, 2020 at 3:02 pm #1264244
    akak

    Hi,
    I have an accordion element for mobile version on a page. I would like to make this element to full-width because some words are too long and they are being cut away in this situation.
    Thank you!

    December 2, 2020 at 11:22 am #1264448
    Rikard

    Hey akak,

    The screenshot you posted is not loading, please upload it to a service like Google Drive or Dropbox, then link to it here.

    I checked the problem page, but things look fine on my end on mobile. If there are step to follow in order to reproduce this problem, then please post step by step instructions as well.

    Best regards,
    Rikard

    December 2, 2020 at 3:13 pm #1264513
    akak

    Hi Rikard,

    Thank you for your reply. Sorry for my unclear instruction. Please find the attached link with a precise direction.

    I would like to have 4 small changes of the accordion element in mobile view:
    1. Make the element “button” to full width
    2. Reduce the paddings of both sides the description text
    3. Increase the padding between the “button” and the description text after the accordion is expanded
    4.Align the arrow and the text of the “button” vertically center

    Thank you so much!

    December 3, 2020 at 9:13 am #1264695
    Rikard

    Hi,

    1, 3 and 4, try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.page-id-1019 #after_full_slider_1 .container {
    width: 100%;
    max-width: 100%;
}
.toggle_content h2 {
    word-break: break-word;
}
.toggle_wrap.active_tc {
  padding-top: 20px;
}
.toggler .toggle_icon:before {
    margin-top: -5px;
}
}

    2. There is no padding on the text on my end.

    Best regards,
    Rikard

    • This reply was modified 3 years, 6 months ago by Rikard.
    December 3, 2020 at 6:22 pm #1264821
    akak

    Hi Rikard,
    Thank you for your quick support!
    From my mobile view, the accordion black buttons are still not yet in full-width.
    In addition, may I know if it is possible to break the word with standard german hyphenation?

    Thanks!

    December 5, 2020 at 5:07 am #1265109
    Rikard

    Hi,

    Thanks for the update. Could you try placing the accordion in its own Color Section please? Otherwise we can target it specifically.

    I’m not sure I understand what you mean by the word break, could you try to explain a bit further please?

    Best regards,
    Rikard

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