One column fixed with - Post ID 239736
Edwin
Registered User
3 posts
I'm just starting in RLM, and was wondering if (and how) it's possible to have one column of a three column layout fixed width. So the two other scale down when resizing the window, and the third column remains the same width (until the next breakpoint) ?
Eric Rohloff
Senior Advisor
20,188 posts
Online Now
You should be able to add either a link to a custom style sheet or some custom style code to the head section in RLM.
<style>
body > .row > .column-1 {
width:300px;
}
@media screen and (max-width: 780px) {
body > .row > .column-1 {
width:200px;
}
</style>
body > .row > .column-1 {
width:300px;
}
@media screen and (max-width: 780px) {
body > .row > .column-1 {
width:200px;
}
</style>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Edwin
Registered User
3 posts
Thanks Eric.
I already tried that, but it's the third column and when I fix it's size it jumps to the next line as soon as the viewport is getting too small.
Third column gets content which may not be scaled, so the scaling must come from the first two columns.
Already tried to just put fixed width content in it, but that will have it partly invisible as soon as the window gets too small.
I already tried that, but it's the third column and when I fix it's size it jumps to the next line as soon as the viewport is getting too small.
Third column gets content which may not be scaled, so the scaling must come from the first two columns.
Already tried to just put fixed width content in it, but that will have it partly invisible as soon as the window gets too small.
Brian Durfee
Senior Advisor
1,095 posts
I haven't experimented with this, but what if you put a container in the column and assign a min-width to it?
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/
Eric Rohloff
Senior Advisor
20,188 posts
Online Now
So do you want the column on the left side of the page to be fixed?
http://ericrohloff.com/coffeecup/ccforu … olumnleft/
or on the right
http://ericrohloff.com/coffeecup/ccforu … lumnright/
http://ericrohloff.com/coffeecup/ccforu … olumnleft/
or on the right
http://ericrohloff.com/coffeecup/ccforu … lumnright/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Edwin
Registered User
3 posts
Thanks Eric, It should be something like the second one. Right column fixed. But still the remaining white space on the left side should be filled by the other two columns. I've been experimenting some more, but I guess it's a limitation of the/any grid system.
Eric Rohloff
Senior Advisor
20,188 posts
Online Now
How about now?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Mark Dean
Registered User
91 posts
Brian Durfee wrote:
I haven't experimented with this, but what if you put a container in the column and assign a min-width to it?
I haven't experimented with this, but what if you put a container in the column and assign a min-width to it?
Try the above Edwin.
On the column you want to stay a certain width, change all padding to 0 so your container will fill it. Insert a container into that column. Set the left and right padding of the container to 8 (that’s normal padding on a column). Set the min width of the container to the width you want it. You can then put text or whatever you want into the container.
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.
