• Resolved tspielman

    (@tspielman)


    I’m having issues with my page titles breaking in the middle of words on mobile.

    You can see the issue I’m having here: https://despolaw.com/contact/

    You have to view it on a phone, I’ve tried minimizing it on my laptop and viewing it in the phone emulator through wordpress and it doesn’t recreate the problem.

    I think it’s an issue with the Primer theme, but I’m also using the Uptown Style theme which uses Primer as a child theme. So if no one finds a solution in the Primer theme, then I’ll look int he Uptown Style theme forum.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello tspielman,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
    => If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder.


    @media only screen and (max-width: 360px){
    .page-title-container .page-header h1{
    font-size: 28px;
    }
    }

    Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme

    Hope this will helps you.

    Thread Starter tspielman

    (@tspielman)

    Awesome, this worked perfectly!

    Yes, thank’s, looking much better !
    JB

    Hi I am having the same problem however that code is not working for me.

    my url is biopack.tt

    Also- may sound weird but I am unable to edit these texts on the head images e.g. products, bagasse series etc.
    I am only able to edit the homepage “Biodegradable Food Packaging” as this is hero text?

    Hoping someone can help me with these two issues as I want to launch today!

    thank you so much!

    Hi @nwtenterprises,

    Where are you adding that code to? The above code is tested and appears to be working. The above code will also style the subpage titles, and not what appears inside homepage header. For that, you would use .hero .widget .widget-title.

    To answer your second question, the words that appear in the header image on your subpages are the title of the page that you are on. There is no way to edit these in the dashboard without altering the title of the page.

    If you need additional help, would you mind opening up another thread? This one is closed and may go unanswered.

    I put the code above in Additional CSS in customize

    The only other code I have there is the below as my main font is white and the forms I needed it to be black to be shown in the white fields.

    input.ninja-forms-field,
    textarea.ninja-forms-field {
    color: #000 !important;

    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Page Title Container/Font resizing’ is closed to new replies.