I have created this page, with alternating rows of image/text, text/image, image/text,etc.:
https://dlife.ultracartstore.com/produc … r-fabrics/
It works pretty good without RLM, but for a small screen device it should stack the images on top of the text for each row.
Problem is, when I expand the first column in a row that starts with text, it puts the text first and pushes the column with the image onto the row below.
How do I get around this?
Link to project file: https://www.dropbox.com/s/6rfq2oz3iw2eu … .rlmp?dl=0
Thanks for any help...
Layout help needed - Post ID 246723
Terry Potter
Registered User
43 posts
Scott Larson
Ambassador
282 posts
Hi Terry,
Try this file, If I understood your right you wanted the image top of text so this to see if its the way you want it to be>
Thanks
Try this file, If I understood your right you wanted the image top of text so this to see if its the way you want it to be>
Thanks
Tony
Registered User
141 posts
Is this possible the old bootstrap pull and push of the columns so at a point where your screen size dictates the drop you create a break and push left column to the right and pull the right column to the left. That way you dictate which column is on top. Left will be top and right on bottom. Does this make sense or am I havering
Tony
Terry Potter
Registered User
43 posts
tonyteehee wrote:
Is this possible the old bootstrap pull and push of the columns so at a point where your screen size dictates the drop you create a break and push left column to the right and pull the right column to the left. That way you dictate which column is on top. Left will be top and right on bottom. Does this make sense or am I havering
Is this possible the old bootstrap pull and push of the columns so at a point where your screen size dictates the drop you create a break and push left column to the right and pull the right column to the left. That way you dictate which column is on top. Left will be top and right on bottom. Does this make sense or am I havering
You may be right tonyheehee,but where is the documentation to learn about push & pull. It's barely mentioned in what I've read. I don't know how to apply it.
Terry Potter
Registered User
43 posts
Scott Larson wrote:
Hi Terry,
Try this file, If I understood your right you wanted the image top of text so this to see if its the way you want it to be>
Hi Terry,
Try this file, If I understood your right you wanted the image top of text so this to see if its the way you want it to be>
Not quite Scott. I want the images to be BESIDE the text on larger screens, but on TOP of the text on small devices. You have them always on top (I could have done that!)
Scott Swedorski
VP of Software Development
0 posts
Terry Potter wrote:
You may be right tonyheehee,but where is the documentation to learn about push & pull. It's barely mentioned in what I've read. I don't know how to apply it.
tonyteehee wrote:
Is this possible the old bootstrap pull and push of the columns so at a point where your screen size dictates the drop you create a break and push left column to the right and pull the right column to the left. That way you dictate which column is on top. Left will be top and right on bottom. Does this make sense or am I havering
Is this possible the old bootstrap pull and push of the columns so at a point where your screen size dictates the drop you create a break and push left column to the right and pull the right column to the left. That way you dictate which column is on top. Left will be top and right on bottom. Does this make sense or am I havering
You may be right tonyheehee,but where is the documentation to learn about push & pull. It's barely mentioned in what I've read. I don't know how to apply it.
That is pretty well documented if you ask me here:
http://www.coffeecup.com/help/articles/ … out-maker/
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Brian Durfee
Senior Advisor
1,096 posts
Put the images in containers that float left or right. At the breakpoint where you want the image to appear above the words, remove the float from the container and set margin:auto; to center the container. That should produce the effect you want.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
Terry Potter
Registered User
43 posts
I tried your suggestion Brian, but the images on the right side still center themselves UNDER the text that was on their left.
Steve
Senior Advisor
3,106 posts
Can you please provide a link to your website so we can see what is happening.
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Terry Potter
Registered User
43 posts
The link is in my first post. Here it is again...
https://dlife.ultracartstore.com/produc … r-fabrics/
https://dlife.ultracartstore.com/produc … r-fabrics/
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
