Misalignment of Title text on mobile/not enough space to fit on mobile

Hello,

Thank you for bringing this issue to our attention. To better understand the problem you’re experiencing with the text in the “hamburger” portion of the theme on mobile devices, could you please provide a screenshot? This will help us identify the problem more accurately and provide a solution


Thank You

Hello,

Thank you for your patience. Unfortunately this ticket isn’t allowing me to attach a screenshot or upload an image with causing an error.

Is there any way you are able to view the link below on a mobile device at your end?

‘Bazball’, Test Cricket’s Modern Enigma (Part 1) – Living Room Cricket

You should see that on a mobile device, in the hamburger/brown portion just under the template header, the text looks like:

‘BAZBAL
L’ TEST CRICKET’
S
MODERN ENIGMA
(PART 1)

• This reply was modified 6 months, 1 week ago by livingroomcricket.

Hello,

? ? To address the text overflow issue in the hamburger portion on mobile devices, you can try adding the following CSS:

? ? @media (max-width: 720px) {
? ? ? ? .box-text {
? ? ? ? ? ? right: 4% !important;
? ? ? ? ? ? left: 4% !important;
? ? ? ? ? ? text-wrap: balance !important;
? ? ? ? }
? ? ? ? .box-text h2 {
? ? ? ? ? ? line-height: 1.5 !important;
? ? ? ? }
? ? }

? ? This should help adjust the text alignment and improve word wrapping for better readability. Please add this CSS under Appearance > Customize > Additional CSS and check if it resolves the issue. Feel free to let me know if you need further assistance!

Thank You.

Hi,

Awesome – this looks to have worked! Thanks for providing that.

Appreciate the help.

Hi there,

I wanted to follow up on this thread as I have encountered another alignment-related issue, this time across all devices.

I had not looked onto WP in a little while, but upon doing so today I noticed all posts that had previously been published now had alignment issues (they were all left-aligned, but inconsistently [some lines were getting cut off sooner than others despite them all starting left-aligned]).

I use Elementor as the page building plugin and I did not see anything immediately obvious there (also I have not consciously changed anything myself either since I started my WP site back in August).

I am unsure if there was an update of some kind and that has caused some compatibility issues, or if it is something else. Unfortunately I am unable to attach a screenshot as this portal/ticket keeps coming up with an error message, but if you check out a few articles in the ‘Features’ tab of my website, you will see what I mean: Is Test cricket dying, or is there more than meets the eye? (Part 2) – Living Room Cricket

Thanks for your help