responsive text css

Tourist
3 0 0

Hello I have a problem with Text appears on a mobile phone
The text does not appear completely ?

 

pic : http://prntscr.com/oip6yx

 

 

#tabs-description 
        img
        
        {
       
    width: 100%;
      height: auto;
      float: center;
      display: block;
      text-align: auto;
      line-height: 22px;
    
    
    }
        font-size: 18px;
        line-height: 22px;
0 Likes
Shopify Partner
917 129 123

Hello 

 

Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
1 Like
Shopify Partner
457 78 88

@Mtmiq 

 

What is float: center; in your css files ?

Please send me the url of the site, I will check it live and provide a solution.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
1 Like
Tourist
3 0 0

 

thanks for replying :)


@sarhov wrote:

@Mtmiq 

 

What is float: center; in your css files ?

Please send me the url of the site, I will check it live and provide a solution.


 

https://biksock.com/collections/indoor-bike-sock/products/bike-wheels-dust-proof-scratch-proof-cover

0 Likes
Tourist
3 0 0

thank you for replying :)

 

but the width: 100%; it's for img ? 

 

 

https://biksock.com/collections/indoor-bike-sock/products/bike-wheels-dust-proof-scratch-proof-cover

 

0 Likes
Highlighted
Shopify Partner
457 78 88

@Mtmiq 

 

Thanks for sharing the live url, now it makes sense...

There are no spaces in string so it has to break out of its container. Add word-break:break-word;

 

Go Edit Code.

Open bc.style.scss.liquid file...

Scroll at the very bottom of that file and put the following code.

.tab-pane > div {
   word-break: break-word;
}
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes