Title Alignment on Mobile Incorrect

thecomputernoob · Member · September 2, 2021 at 7:11 pm
Copy link

Add topic to favorites
Greetings!

It seems the mobile theme does not support longer words properly. Centre-alignment really takes a hit. Refer to the images below and please issue a fix!

My title: https://ibb.co/NnynCmH
Another example long-worded title: https://ibb.co/WcbDSCm

Cordially,
A.

The blog I need help with is: (visible only to logged in users)
tarasdashkevych · Theme Author · September 3, 2021 at 4:36 am
Copy link
Hello,
Thank you for providing screenshots.

In your site, please find this custom CSS:
```
.page .site-content .fullscreen-header .container {
    padding: 5vh;
}
```
And replace it with this one:
```
.page .site-content .fullscreen-header .container {
    padding: 5vh;
    width: 100%;
}
```
It should fix the issue with titles in mobile views.

Please let me know if you have any additions questions regarding this section.

Kind regards,
Taras
thecomputernoob · Member · September 3, 2021 at 10:37 am
Copy link
Thank you for the quick response!

This fixes it, thank you! However, I am curious, what is the default value of “width” when not specified (as in the case of the first snippet you shared)? Is it “auto”?

Regards,
A.
tarasdashkevych · Theme Author · September 4, 2021 at 7:39 am
Copy link
Yes, it’s set to “auto” in mobile views.

I’ve checked a demo site (a WordPress.com version and a self-hosted version), and I was not able to reproduce the issue. So, I am currently not sure why this issue has appeared on your site.

I’ll keep in mind this issue, and I if will be able to reproduce this issue while working on new versions, I’ll include a fix.

Please let me know if you have additional questions.

Kind regards,
Taras
thecomputernoob · Member · September 7, 2021 at 11:47 am
Copy link
Hmm, I asked since “auto” did not fix it either.

Anyway, thank you, and I look forward to the fix!

The topic ‘Title Alignment on Mobile Incorrect’ is closed to new replies.

WordPress.com forums

Title Alignment on Mobile Incorrect