Category Description On Mobile

General General Questions
1

I have added a scrollable text box to my category descriptions https://prnt.sc/kcvwht
https://prnt.sc/kcvxy1to 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

2

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.

3

I have added a scrollable text box to my category descriptions https://prnt.sc/kcvwht
https://prnt.sc/kcvxy1to 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.

4

Yes, just replace 1100px with 100%

http://prntscr.com/kd30n4

5

Yes, it's better to use width in percents instead of px in the responsive themes. It's for fluid grids and content.

6

Thanks everyone, fixed