Line-break text

Hello,

I have the problem, that on some pages, the text is not doing a right line-break on mobile phones. So the text gets cutted on the right side...

Do you know this problem?

PW for the website is: smartpcn2020

Best regards

Hannes


Comments

  • Hello,

    I noticed that you do not have the newest version of Betheme. Please, update it and check if this issue still appears.

    Also, please, turn off all of the plugins, refresh your cache, and recheck it.

    If this problem persists then, please, leave the minifying plugins off because I need to take a closer look with them disabled.


    Thanks

  • Hello,

    I tried your tips, but the problem is still there...

    There is no minifying plugin installed...

    Best regards

    Hannes

  • Please put the following Custom CSS Code in the Custom | CSS section in page options of this page, and check if the display suits you.

    @media screen and (max-width:350px){
       table td,
     table td p,
     table thead th{
        padding: 3px!important;
        font-size: 11px!important;
     }
    }
    

    It will reduce your table's size to a small resolution so that it will suit your website.


    Thanks

  • Hello,

    I do not have this CSS section because it is a blogpage and not a normal page. But I added the code in the normal CSS Section for general CSS adjustments. Now the font in the table is smaller, but the problem is still there...

    Best regards

    Hannes

  • Can you tell me on what resolutions you notice this issue, please?


    Thanks

  • For example: iPhone X or Google Chrome responsive mode with 375 x 812px. I also tried to use your posted code with a breakpoint on 375px ... In the attachment you see an example.


  • Sorry, I was focused on the table and missed the rest of the content.

    In that case, please, try to use the following CSS Code:

    body.postid-1{
     word-wrap: break-word!important;
    }
    

    Thanks

  • Thank you, now it works fine :-)

Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.