Hoi Claus,

we cannot teach you HTML basic, but for example,

<h3 style="width: 40%;">Med mere end 50 års erfaring tilbyder jeg støtte til dig, der søger forståelse og forandring i livet.</h3>

is a old-school mistake. Becuase it works & looks OK only on Desktop view, not on Mobile view.

the same mistake with <p style="width: 40%;">

Using font-size with "px" and "!important" also doesn't help in Mobile view for Headers (H1, H2)

Those are the basic mistakes :/ Easy to correct.

I corrected settings for Header on Mobile view, now Logo and [=] Menu are on the same row. We have text tips + screenshots in documenation about it >> https://www.joomshaper.com/documentation/helix-framework/custom-header

Tip! Improve only Home Page code, whole rest seems to be OK. If you already have SPPB installed, maybe use it to rebuild homepage, it will be easier to manage grid/layout. I wish you luck.

Template is based on Bootstrap 5 - as we mentioned in Helix documenation. And SPPB have settings separate for Desktop, Tablet and Mobile view as well.

Anything else?

Hi,

The H1/H2 is actually made by your people so I asumed that was the way to do it. However, not specific for smartphones, but to size header correct as the Helix template H1/H2 did not do so: https://www.joomshaper.com/forum/question/42485

What is the best alternative to size H1/H2 if not by pixels? I assume the text with should be by width%

Instead of px you can use em or rem. But not a big deal.

And do not use width="40%" much better, create class name, and with that value only for dekstop view if you have to.

@media screen and (min-width: 860px) {
.width40 {max-width: 40%;}
}

and then <p class="width40"> or <h2 class="width40">

Sorry, I cannot teach you HTML/CSS basics here on forum.

Not asking for teaching, but recommandations using the template :-) Thanks for answering. /Claus