Cut words on Responsive OceanWP

Hello @redactionseomdri,

Please remove your custom css code for this part and put the CSS below in Customizing > Custom CSS/JS > CSS Code:

@media(max-width: 680px) {
    .single-post #wrap .entry-title {
        font-size: 23px;
    }
}

@media(max-width: 480px) {
    .single-post #wrap .entry-title {
        font-size: 17px;
    }

    .single-post #wrap .content-area,
    .single-post #wrap .widget-area .sidebar-box {
        padding: 10px;
    }
}

@media(max-width: 414px) {
    .single-post #wrap .entry-title {
        font-size: 14px;
    }
}

Note: You can head over to the Customizer Environment > Typography and find all typography options for your website: https://i.postimg.cc/HLW6r23J/image.png.

You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/
And for responsive sizes, put your CSS on custom screen size:

@media only screen and (max-width: 480px) {
    /* put you CSS here*/
}

Or use between sizes:

@media (max-width: 960px) and (min-width: 481px){
    /* put you CSS here */
}

For more information about media queries, please read this article:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Best Regards

Thank you ! It worsk well. In fact, it took time to actualize. Cause I tried it on desktop, on android and on an iPhone… No changes, But I wait a couple of minute and now it’s fine. Thank you