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

This is not part of template or component, but custom code added by site webmaster. And sometimes small mistake make a huge problem. As John Wick said "Consequences".

I wish you luck.

Thank you very much.

I have a few suggestions to improve the documentation:

1. Helix layout > Grid (Breakpoints) - maybe make a visual that helps understand the diffent options: col-6, col-sm-6 etc. and what they do. It's very much trial'n'error stuff. https://www.joomshaper.com/documentation/helix-framework/layout-builder

2. Browsing documentation for templates is getting time-consuming when there is no sort, filter or search option and the order seems random. https://www.joomshaper.com/documentation/joomla-templates

3. Consider making a small recorded webcast on how to build a SIMPLE website like the one I just did using best practises. Then maybe add extra videos improving it using smart features. Like a self-study.