Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 24, 2025 at 12:50 pm #1482151
    MAJO_Agency

    hi… I tried but I didn’t solve it.
    2 “problems”
    – the arrow to go back up on the page disappears in mobile and tablet mode. how to show it?
    – the testimonials section, in the mobile version, becomes long and narrow and the arrows remain at the top, not making usability easier.
    how to solve?

    thanks!!!

    April 25, 2025 at 6:18 am #1482561
    Ismael

    Hey MAJO_Agency,

    Thank you for the inquiry.

    1.) The scroll-to-top button is hidden by default on mobile view because most mobile devices have built-in ways to navigate to the top. If you like to display it again, add the following css:

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

  /* Add your Mobile Styles here */
  .responsive #scroll-top-link {
    display: block;
  }
}

    2.) We may need to inspect the site to better understand the issue. Please provide the site URL and login details in the private field.

    Best regards,
    Ismael

    April 28, 2025 at 9:11 am #1483277
    MAJO_Agency

    Hallo Ismael, thank you for your reply…
    1) now it works :-D
    2) ok, I’ll share the accesses. (at the bottom of the homepage, there are the testimonials that are difficult to see in the mobile version and with arrows on the text)

    April 29, 2025 at 6:15 am #1483326
    Ismael

    Hi,

    Have you tried hiding the testimonial section on mobile view? You can toggle the Element Visibility settings in the Advanced > Responsive panel.

    View post on imgur.com

    You can also use this css code to adjust the size of the testimonial section on mobile view:

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

  /* Add your Mobile Styles here */
  .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0;
    font-size: 0.85em;
  }

  #top .av-large-testimonial-slider .avia-slideshow-arrows {
    position: absolute;
    width: 100%;
    bottom: 50px;
  }

  #top .avia-slideshow-arrows a.next-slide {
    right: -30px;
  }

  #top .avia-slideshow-arrows a.prev-slide {
    right: auto;
    left: -30px;
  }
}

    View post on imgur.com

    Best regards,
    Ismael

    April 29, 2025 at 10:40 am #1483336
    MAJO_Agency

    Hi Ismael, thank you!
    i have add css and now it works… but it does the same thing at the top of the page where there is a slider and it’s not good.
    How can I make the css rule only work for testimonials?

    thanks for you support!!!

    April 30, 2025 at 6:13 am #1483366
    Ismael

    Hi,

    You may need to update the following css rules:

    
#top .avia-slideshow-arrows a.next-slide {
    right: -30px;
}

#top .avia-slideshow-arrows a.prev-slide {
    right: auto;
    left: -30px;
}

    Replace them with the code below:

     
#top .avia-testimonial-wrapper .avia-slideshow-arrows a.next-slide {
    right: -30px;
}

#top .avia-testimonial-wrapper .avia-slideshow-arrows a.prev-slide {
    right: auto;
    left: -30px;
}

    Best regards,
    Ismael

    April 30, 2025 at 9:08 am #1483388
    MAJO_Agency

    Thank you very much Ismael
    now it’s perfect :-D

    April 30, 2025 at 1:28 pm #1483410
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘arrow to go back up for mobile and viewing testimonials’ is closed to new replies.