Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 27, 2025 at 10:59 am #1490620
    derdschuh

    Hi,
    how can I change the mobile Breakpoint?
    I’ve got an avia-testimonial in an accordion.
    The Brakpoint only works, when the Resolution is beyond 768px

    October 28, 2025 at 6:00 am #1490641
    Ismael

    Hey derdschuh,

    Thank you for the inquiry.

    Try adding this css code to properly resize the testimonial items on smaller screens:

    @media only screen and (max-width: 1366px) {

  /* Add your Mobile Styles here */

  #top .av-minimal-toggle .toggle_content .avia-testimonial {
    width: 50%;
    display: block;
    float: left;
  }
}

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */

  #top .av-minimal-toggle .toggle_content .avia-testimonial {
    width: 100%;
    display: block;
    float: none;
  }
}

    Result:

    Screenshot-2025-10-28-at-12-59-55-PM

    Best regards,
    Ismael

    October 29, 2025 at 1:39 pm #1490693
    derdschuh

    Hi Ismael,

    this solution doesn’t work well for other resolutions.
    I think the problem is that the .avia-testimonial elements are inside an accordion, which prevents the resolution from being detected.

    • This reply was modified 2 weeks, 4 days ago by derdschuh.
    October 30, 2025 at 6:08 am #1490723
    Ismael

    Hi,

    Thank you for the inquiry.

    The modification above should resize the testimonial items on all standard screen resolutions. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot.

    Best regards,
    Ismael

    October 30, 2025 at 6:11 am #1490724
    Ismael

    Hi,

    We missed the screenshot above. Please try to replace the modification with this css code:

    
#top .av-minimal-toggle .toggle_content .avia-testimonial {
  width: 50%;
  display: block;
  float: left;
}

@media only screen and (max-width: 989px) {

  /* Add your Mobile Styles here */

  #top .av-minimal-toggle .toggle_content .avia-testimonial {
    width: 100%;
    display: block;
    float: none;
  }
}

    Result:

    Screenshot-2025-10-30-at-1-10-46-PM

    Best regards,
    Ismael

    November 1, 2025 at 12:01 pm #1490837
    derdschuh

    Thank you!
    looks fine now :)

    November 1, 2025 at 2:32 pm #1490848
    Mike

    Hi,
    Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Breakpoint’ is closed to new replies.