Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 24, 2025 at 9:34 pm #1485858
    kurson

    HI.

    For the About Page I have 2 versions of the Fullwidth Easy Slider. The first row includes the original Slider, now set up for Desktop mode. I have a duplicate slider underneath, set-up for Tablet mode and a third slider now set up for mobile mode. NOTE: the caption title and caption text will not display for tablet mode. The caption text will not display for mobile mode (the 2nd duplicate slider).

    NOTE: I had been using 1 slider for the page however the text truncated for all modes save for desktop mode, thus the reason for creating two duplicate sliders on the About page.

    Please advise on how to resole the issue with the text not appearing. Note: presently i am using place hoder text for the tablet slider.

    Note: the page in question is: https://blgenvironmental.com/about/

    You have permission to enter the dashboard and edit the About page.

    June 25, 2025 at 6:35 am #1485872
    Ismael

    Hey kurson,

    Thank you for the inquiry.

    Please try to add this css code to adjust the visibility of the caption on smaller screens.

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

  /* Add your Mobile Styles here */
  .avia_transform .av_slideshow_full .avia-caption-content{
    visibility: visible;
  }
}

    View post on imgur.com

    Best regards,
    Ismael

    June 29, 2025 at 9:14 pm #1486117
    kurson

    Thank you for the reply. he CSS works, however the about image spans beyond the scope of the opening page. So for the viewer the text looks offset. Q: for mobile mode, how do we keep the visible slider limited to the opening screen in height in mobile mode so there is no scrolling up and down to view the slider and then the text looks aligned center and middle?

    Screenshot: https://tinyurl.com/25eghwde

    Screenshot: https://tinyurl.com/29q5bym5

    Note: Css is placed under Appearance…customize

    June 30, 2025 at 6:18 am #1486125
    Ismael

    Hi,

    Thank you for the update.

    We can’t reproduce the issue on our end. Also, please note that the css code above should not affect the size of the slider, only make the caption visible on smaller screens.

    View post on imgur.com

    Best regards,
    Ismael

    June 30, 2025 at 7:44 pm #1486165
    kurson

    I agree. It looks fine on a Samsung Galaxy s24. It is in the dashboard on a desktop in mobile mode under Appearances…Customize….Additional CSS where I test all 3 modes that the layout is as reported.

    The most important thing is how it looks on a phone itself.

    July 4, 2025 at 5:04 am #1486297
    Ismael

    Hi,

    Thank you for the info.

    We don’t have a Galaxy S24 to test with, but this is how the site displays on an actual mobile device.

    View post on imgur.com

    Best regards,
    Ismael

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