Recent
Categories
View Replies (6)

Mobile friendly issue for a few photos with corresponding descriptions - Maya template

  1. Issue
0
Votes
Undo
  1. Yu
    Yu
  3. Commercial Templates
  4. Wednesday, 18 April 2018
  5.  Subscribe via email
Hi,

I have difficulty resolving the issue of "responsive" appearance between my laptop and mobile device when I have a few photos in one article and each article has corresponding descriptions as a sequence of steps. I am using Maya template.

Kindly advice how to resolve this issue.
References
  1. http://silverjoy.sg/index.php/80-cleaning-tips/137-how-to-shampoo-a-mattress
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

I am not sure if I understand you correctly. Could you please detail in what way your images are not responsive?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Yu
Yu
Accepted Answer Pending Moderation
0
Votes
Undo
I want to show 4 steps of how to clean a mattress, each step with a photo.
My original idea is to be in a table form: photos on the left and descriptions on the right, side-by-side each other with the first step and then the second...in my laptop view.
However, I found that putting them in a table has responsive problems as it does not appear nice the on the mobile phone.
Then I use "images align left" instruction, it also does not look good in either laptop or mobile phone.
Now I settle with photo first, then descriptions.

Kindly advise how I can still have photo on the left and description on the right in my laptop view, but photo first then descriptions later in mobile phone view.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Yu

I have created a pen for you here... https://codepen.io/littlesnippets/pen/f2864617838b5e10bc672da1a62a8650

Add the CSS to the Custom CSS field of your template settings.

Use the HTML in your articles.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Yu
Yu
Accepted Answer Pending Moderation
0
Votes
Undo
I have checked my editor, only CodeMirror and TinyMCE.

Please advice how to add HTML to the editor.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Yu

HTML can be pasted directly in to CodeMirror or by using the 'source' option in TinyMCE.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Yu
Yu
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Great! It's done!

Thank you.

Yu:D
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.