Submit Feedback
Legacy Knowledge Base
Published Jun. 30, 2025

Text is not visible in phone mode

Written By

Kanchan Bisht

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack" publication program, made available for informational purposes. Articles in this program were published without a requirement for independent editing or verification and are provided"as is" without guarantee.

Before using any information from this article, independently verify its suitability for your situation and project.

Issue

  • In tablet and desktop mode, the text is visible. In phone mode, the text is not visible.

  • Steps To Reproduce:
    1. Start a server DXP 7.3 
    2. Access the portal
    3. Click Edit > Fragments > Slider
    4. Add an image.
    5. Edit the title and subtitle.
    6. Choose phone mode.
    Expected Behavior: Titles and subtitles are visible in phone mode.
    Observed Behavior: Titles and subtitles are not visible in phone mode. 

Environment

  • Liferay DXP 7.3

Resolution

  • The observed behavior is the intended behavior of the DXP. The title and subtitle are embedded in a div that has the "d-md-block d-none" classes, which means that those are hidden for viewports smaller than the tablet. 

  • This slider is inspired by https://getbootstrap.com/docs/4.0/components/carousel/#with-captions and there the same behavior can be seen if the user makes the window smaller. 

Additional Information

  • However, we have a different channel called "Global Service Team" that could be useful for getting assistance with customization or code implementation ideas.
  • If more information is required, please open a support ticket.
Did this article resolve your issue ?
Legacy Knowledge Base
Did this article resolve your issue ?