Layout help needed
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...
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...
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
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
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.
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!)
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.
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/
I tried your suggestion Brian, but the images on the right side still center themselves UNDER the text that was on their left.
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
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.