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!