Hello,
On my client's homepage at www.merchantslofts.com, I have four of his apartment buildings displaying on the page...there are two side by side and then underneath, there are two more side by side (see attachments). I used the code from the Real Estate Demo homepage template because I liked how the images presented with the options for links underneath. When viewing on mobile, the first building shows arrows to swipe to see the next building that is next to it; however, the building below (which has a building next to it when you swipe), does not have arrows for swiping. I checked the code and cannot see what line makes those arrows show up.
My client is a worrier...he is worried that not all four buildings will show on mobile and that the end user will not know to swipe. Ideally, I would like to keep the same look, but have the images of the four building show one on top of the other (4 in a vertical line) when viewed on mobile. I understand that is different code, but I could not find anything in your demos to grab code that would make the images do what I want and keep the links below the image. Do you have a workaround? I know he would rather have the 4 buildings all fall in line on mobile rather than seeing the arrows for swiping. And as I had said, the second building does not show arrows for swiping on mobile.
Hoping you can help me resolve and make my client happy.
See attachments. I also included a txt file of the homepage html code.
Thank you,
Dina Davis
My client is upset that a user will not be able to figure this out and just think that he has two buildings when viewing on mobile.
Is there a workaround that will show the buildings as they are on the homepage but make all four buildings fall in-line (each building underneath the other) when viewing on a mobile phone, so that we don't need to swipe. If not, is there something code that can be added to show that you must swipe to the left on mobile?
Please advise.