Hello Ismael,
I don’t mean the .galerie figure elements, I mean the boxes (#willkommen .box) with the red craft-icons, directly under the first headline – I used flex-columns with coloured backgrund. (please see my first question, Point 4, for more details, or I can send you a screenshot).
Since I couldn’t get them centered, I offset them to the right with the following code:

@media screen and (max-width:550px) {

#willkommen .box {
	position: relative;
	left: 15%;
}
}

My question was: Is it possible to make the flex_columns narrower and center them – or is there another way to achieve what I want with an other Avia Element.
Thank you very much,
Antonie

Dear Mike,
I hope you had a good start into the new year und wish you all the best :-)
Thank you very much for the code, this works well and looks great.
Now only problem No. 4 is left – can you also help me with this?

Thank you,
Antonie

Hey Mike,
the first line in the private content is the URL, I just forgot to add “http://”, sorry.
I have tried to include all access data in my first question because would like to finish the project in the next days…
Thank you for helping.

Hello Rikard,
I have already checked the file permissions before opening this post and I checked what happens when I replace my own style.css with an empty style.css – always the same problem. I hope you can find out what the problem/solution is…
Thank you.
Best regards,
Antonie

Hi Rikard,
I am SO SORRY – and I am also shaking my head about spending several hours for working on this “problem” without “success” (on my customer’s phone).

Shortly: The problem was caused by disabled Javascript on my customer’s iPhone. Now everything is working fine.

I hope this at least helps others to avoid this or similar problems…

Best regards,
Antonie

Hello Rikard,
great that you work on Easter :-) Thank you very much, but …. the update had no effect. The mobile menu still doesn’t fly out by touching the burger icon.
Hope you can help.
Antonie

• This reply was modified 3 years, 6 months ago by web-und-text.

Hallo Günni, danke für Deinen Hinweis, das klingt sehr interessant, weil ich dann Raleway gar nicht in so vielen verschiedenen Styles laden muss.
Aber ich bin jetzt seit einer Weile vergeblich am Recherchieren und komme nicht weiter. Deshalb meine Frage: Könntest Du mir das bitte mal “für Dummies” erklären? Ich nutze den Google Webfonts Helper und kann damit auch woff2-Dateien erzeugen. Allerdings nur aus dem jeweils angewählten Schriftschnitt – mir ist also nicht klar, ob ich dann einfach die 400er-woff2 umbenenne in raleway-variable-woff2?
Dann die Einbindung:
Wenn ich diese in meinem Child-Theme in dieselbe Hierachie wie mein style.css anlege, im Head der style.css die Schrift lade mit
@font-face {
font-family: “Raleway”;
src: url(“raleway-variable.woff2”)
format(“woff2”);
}

und dann in der style.css (wie von Dir angegeben):
h1 {
font-variation-settings: ‘wght’ 800 !important;
}
tut sich weiterhin nichts. Wäre toll, wenn Du weiterhelfen könntest. Vielen Dank!

Hello dear Support Team,

part of the problems I could figure out for myself:
1) I removed the background image in the “general styling settings” for the main content and set it for “#main” in my custom CSS. Now the semi-transparent background for the sections are working!!
2) Removing the “background-size: cover” for “.main_color” the background image for one of my sections also appears now!! Yay :-)

Now my online problem left are the font weights as shown in the avia settings and the browser “inspector” – would great to get help!!!

Thank you very much.
Antonie

Hello, Victoria,
how can I attach Screenshots in the post?
Regards, Antonie