Product Description cutting off on mobile

[ThinkMarketing]

Hi there

We are having an issue with only certain products on https://www.africansmoke.co.za/ where product descriptions and tags/category text are going off page on mobile please see below image. One example of product doing this is https://www.africansmoke.co.za/product/rs11-x-permanent-marker/

[prakash_s]

Hello @gregphillip,

Thanks for writing to us.

I checked your site it seems that you have added a custom CSS code just because it is taking an extra width which causing the issue with the text.

I would suggest you please find out this custom CSS code and set the width as 100%.

@media (max-width: 978.98px)
{
.x-main.full, .x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
float: none;
display: block;
width: auto !important;
}
	
}

or you may add this custom CSS code under the global CSS at the bottom of the code.

@media(max-width: 978.98px){
.x-main.full{
    width: 100% !important;
}

}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks