Can't see required texts on phone

3 replies · opened Jul 11, 2019

GGrainneQJul 11, 2019

Hello,
I'm using the following niche demo for my website:
http://themes.semicolonweb.com/html/canvas/demo-photography.html

On a laptop, click on the first Recent Images in this demo, the one with the guy drinking water for example.
You'll see A Mother's Love followed by some text describing the picture and some icons along the bottom with various headings.

If you open the same page on your phone you won't see the text or icons. I want to see them on the phone too, what can I do?

SSemicolon WebSTAFFJul 12, 2019

Hello,

This feature is disabled by default on Mobile Devices. You can enable the Text and Icons by delete the following line of code from the demos/photography/css/photography-addons.css File:

.description-preview p,
.details { display: none; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

GGrainneQJul 15, 2019

Thanks for the speedy response, that was a big help.
I understand why you do this now:)
But will code around it accordingly.

SSemicolon WebSTAFFJul 15, 2019

Hello,

Yes! :) The Text becomes long and overflows which is the reason why we disabled it. You can consider using the Bootstrap Display Utilities: https://getbootstrap.com/docs/4.3/utilities/display/ to Show/Hide the Text on the Mobile Devices.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard