WebsiteBaker Support (2.12.x) > General Help & Support

Nigrablanka template problem with text on mobile

<< < (2/2)

dbs:
What is wrong? Looks normal: https://responsivedesignchecker.com/checker.php?url=https%3A%2F%2Ftemplate.WebsiteBaker.org%2Fpages%2Ffrontend-templates%2Fdemo-jbd.php%3Ftemplate%3Dnigrablanka&width=1400&height=700

Can you give us a link to your real page?

henri:
Hello dbs,
I clicked on your link.
It's fine on desktop but not on mobile.

hgs:
Ok, I think I understand what's bothering you.

The CSS formatting is set to justification. This is why some of the words are displayed so far apart.

You can change / test this yourself in the CSS instruction.

If you open the website with

https://responsivedesignchecker.com/checker.php?url=https%3A%2F%2Ftemplate.WebsiteBaker.org%2Fpages%2Ffrontend-templates%2Fdemo-jbd.php%3Ftemplate%3Dnigrablanka&width=1400&height=700

you can select the words and right-click on " Inspect".

The development tool of the browser opens and you can see the CSS instruction and change it temporarily. This has a direct effect on the appearance.

You can find the instruction in the template here, for example:
main.css Line number 3158


--- Code: ---@media screen and (max-width: 736px) {
  p {
    text-align: justify;
  }
--- End code ---
change the entry to

--- Code: ---@media screen and (max-width: 736px) {
  p {
    text-align: left;
  }
--- End code ---
and the display will hopefully be nice for you.

Translated with DeepL.com (free version)

henri:
Hello HGS,

This is exactly what I meant.
Now it works perfectly on my mobile and I can continue with this beautiful template.
Super thanks.

Navigation

[0] Message Index

[*] Previous page