Support » Fixing WordPress » Cut words on Responsive

  • Hello ! (OceanWP)

    You can check my page on mobile, and you’ll understand really fast my problem.

    How could I make the words don’t cut in my title ? For example, “Preqidentielles” is cut, and it’s not really nice.

    Same problem with punctuations. How can I make a “?” or a “!” don’t be alone below ?

    On desktop, it’s good, but not on responsive mode. Also, I tried to reduce the police on mobile on OceanWP Personnalize, but it doesn’t work.

    I’m not a dev, so be kind, please ! But I can have access to files if I have to add css.

    Thanks for the help

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi there,

    I investigate your problem, but I can’t find out, everything looks good, so could you share a screenshot?

    Attachment

    • This reply was modified 5 months, 3 weeks ago by Yogesh Yadav.
    Thread Starter redactionseomdri

    (@redactionseomdri)

    Hello, thank you for the answer. You are not on the page I’ve shared. Here is an example

    https://www.linkpicture.com/q/Screenshot_20220411-143819.png

    The page I’ve shared is https://michaeldri.com/blog/seo/tendances-google-raison-elections-presidentielles-2022/

    Thanks

    “Pr√©sidentielles” becomes a problem for screens approx. 400px wide. The titles of your posts need a smaller font size for mobile. Add this CSS to your stylesheet or add it using a plugin:

    /* On screens that are 500px or less, reduce font size. */
    @media screen and (max-width: 500px) {
    	.single-post .entry-title {
    		font-family: Roboto Slab;
    		font-size: 35px;
    		color: #e8ae00;
    	}
    }
    Thread Starter redactionseomdri

    (@redactionseomdri)

    Hello @clarus-dignus and thank you.

    I’ve tried your solution but nothing works.

    I’ve added this code in my child theme (even tried in the main theme), and I’ve also tried with the plugin “Header Footer Code Manager”. But nothing have changed.

    Is there a way the automatized unbreakable space or something ?

    Is this because I have two wordpress ? 1 for michaeldri.com and 1 for michaeldri.com/blog ?

    Of course It would be much easier if I could change the police on the Personnalize Menu of OceanWP, but I only managed to change the desktop title size. When I click on the little mobile Icon and try to change the size, it makes nothing.

    Anyway, thank you for the quick answer

    Try adding !important like so:

    /* On screens that are 500px or less, reduce font size. */
    @media screen and (max-width: 500px) {
    	.single-post .entry-title {
    		font-size: 35px !important;
    	}
    }

    If you have two separate WordPress installations, obviously make sure you’re successfully applying the CSS to michaeldri.com/blog rather than michaeldri.com.

    Ocean WP has a support forum:

    https://wordpress.org/support/theme/oceanwp/

    Thread Starter redactionseomdri

    (@redactionseomdri)

    Doesn’t work either. I tried it on Oceanwp child theme editor (of the blog), even with Header Footer Code Manager. But nothing

    I’ll post on OceanWp forum

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.