I have added a scrollable text box to my category descriptions https://prnt.sc/kcvwht
https://prnt.sc/kcvxy1 to save some page space
like this
my description text is here
Can you tell me how to make it responsive to fit the screen on mobile/ cell phone view
Thanks
Rather than using a style attribute, you might want to either alter the 'content-description' property in them editor or add a cascade in a my_changes stylesheet. I.e.
.content-description {
line-height: 1.4;
word-wrap: break-word;
/* Above properties are from styles.less, Added properties below */
overflow: scroll;
border: 2px solid black;
border-radius: 10px;
}
The trouble is that you are hard-coding the width/height and not using the media type. This could be altered by the wysiwyg editor.
Note that the above is untested.
alaa
July 30, 2018, 12:00am
3
I have added a scrollable text box to my category descriptions https://prnt.sc/kcvwht
https://prnt.sc/kcvxy1 to save some page space
like this
my description text is here
Can you tell me how to make it responsive to fit the screen on mobile/ cell phone view
Thanks
You can change the value of width from width:1100px; to width: 100%;
In responsive design, avoid using absolute values. Instead, you can use percentage. If that doesn't work, PM me your page url.
Yes, just replace 1100px with 100%
http://prntscr.com/kd30n4
Yes, it's better to use width in percents instead of px in the responsive themes. It's for fluid grids and content.