h3.widget-title not responsive
-
We are enjoying the Moesia theme as it gives so many options to design a website that looks like 2018. We do have a question as we have been checking it in mobile view. When you have a longer h3 widget title it doesn’t seem to be resizing the title for cell phone view. The title on the above page is Invited Presentations and it resizes fine for tablet but for cell phone is has the “s” come down to a third line. If it did a smaller font it would keep it on two lines and not break up the word. I have tried to add @media but I received a message back stating that I do not have permissions to change the font size. Any suggestions would be greatly appreciated!
Thank you,
evans44The page I need help with: [log in to see the link]
-
Upon opening the site I see “Error establishing a database connection” so I am unable to see what you mean.
My mistake. It is a development site and has not been published yet. I have a screen shot set up in Dropbox by using this url: https://www.dropbox.com/s/6y201kgbmk38b8h/WordPressMoesiah3.jpg?dl=0. As you can see on this web page when you minimize the screen it doesn’t resize the title to keep the words on the same line. It is the title in the “text” field using the Page Builder by SiteOrigin. That title is not resizing to a nice size when utilizing the small screen size. For tablet and other devices it seems to resize fine but for phones it starts placing letters on a third line. Hopefully this will help explain where and how the title is entered?
I found a thread with your exact same problem. Try this:
https://siteorigin.com/thread/page-titles-not-scaling-responsive-on-mobile/Hello Evans,
It seems the container of the h3 has so much padding on mobile screen, thus, you see the s falls down to the third line.
My suggestion is to decrease the padding right and left from 70px to 60px. Your title will look fine.
Here is the screenshot:
https://binarycarpenter.com/how-to-fix-text-span-multiple-lines-in-wordpress/
Hope that helps
The topic ‘h3.widget-title not responsive’ is closed to new replies.