repositioning of text within .portfolio-desc for mobile device

Question

I'm wanting to change the position of text displayed within the .portfolio-desc tag?

By default it's positioned at the center of portfolio so my text is cut off. On the desktop it's fine, but with respect to viewing on a mobile device I'm wanting to change this to the top with some margin between top and text so that it fits when viewed.

I've added a url for a test page to view where text is currently centered, when hovering over portfolio image. You will see text where long cutting off on the bottom.

Otherwise if I have too much text within the .portfolio-desc tag is there a way that I could re-introduce a link/button that will change the roll over to a new overlay which would display this text?

SemiColonWeb · Accepted Answer

Hello,

You are using a Very Old Version of Canvas and managing this on Responsive Devices is not really easy because of outdated codes. We recommend updating to the Latest Version where it is super easy to manage the positions based on responsive devices.

Meanwhile, you can consider using the following CSS code:
[ch_pre type="css"].portfolio-desc { top: -50px; }[/ch_pre]

You can change the values according to your preferences.

Hope this Helps!

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

objetda · Answer

Thank you for the prompt reply, yes I looked into updating to the latest version but because of time restraints it was easier to update existing pages using this current version. I'll look into updating to the new one later on but in the meantime I'll try what you have suggested above.

Semicolon Web · Answer

Hello, Sure we understand. Please do let us know if we can help you with anything else or if you find any further issues with Canvas.