Hello dear support team, hello Rikard and Guenni,

first of all many thanks to YOU all for the support: I was able to realise my request so perfectly> the newly revised page is at: https://mp-audioproductions.de/

@GUENNI:
one more question about your hint ‘ to bring a heading to centre position – you do not need to have three 1/3 columns with the heading inside the middle column!’
I have implemented this as an example with the 1/1 column in the test page https://mp-audioproductions.de/home-heading/.
But the background gradient does not work correctly because the dark red colour starts at the very outside. Do you have any ideas on how I can achieve this with the 1/1 column and the correct gradient? (Otherwise I will have the problem again with the mobile optimisation)

Greetings to all!
Diana

Hello Guenni
thank you very much for the tips – I have done everything according to your instructions and also removed the min-height from the color section directly.
I have integrated the following in the CSS: https://mp-audioproductions.de/home-v1/#overview
@media only screen and (min-width: 990px) {
#overview { min-height: 280px !important; }
}
Is this correct?

—-

Regarding your question to #1470225, I wanted to show you the following screenshot of the backend:
Somehow everything always disappears behind the header, even though it is shown as non-transparent.
I also had to add several “free space” elements (each 50px > 200px in total) to the Enter section at the top (where it says “Welcome”) so that the heading doesn’t disappear behind the header: see screenshot: https://mp-audioproductions.de/support/leerraum.jpg
Is there perhaps a better solution for this?

Best regards, Diana

Regarding the title, everything is clear! You can close the topic
THANK YOU again! :)

Hello Guenni,
Excellent! That works perfectly now!
Thank you very much :)

Hello Mike,

I have integrated the specified script into the CSS. The map with openstreetmap is now on the main page of Kontakt: https://emmerams-muehle.de/kontakt (at the bottom)

Unfortunately, the white borders are still displayed.
Best regards, Diana

Hello Ismael,
Thanks for the feedback. I have integrated the code and adjusted the number of px a little. The code is now:
#section-container-width {
margin-bottom: -15px !important;
margin-top: -6px !important;
}
> It works reasonably well in Firefox, but when I test the page in Google Chrome or Safari, it doesn’t work again – a margin is displayed there again.
I also don’t understand where this is coming from. Maybe you can think of something else?
Otherwise I’ll just leave it as it is …
VG Diana

Dear Ismael

Thank you very much for the lightning-fast reply :)
I have integrated the script as indicated and YES the map is now displayed over the entire width of the screen.
But there is still a white border at the top and bottom – although margin and padding are set to 0.
Could you help me further so that I can remove this border?

Best regards Diana

YES it worked!
Thanks a lot!

Hello Rikard,

unfortunately the script does not work. I even added an ‘!important;’, but that didn’t help either.

Is there another possibility?

Best regards, Diana

Dear Support Team,

I have to contact you again regarding the script mentioned above: the specified script no longer works:
@media only screen and (max-width: 768px) {
#top .flex_column_table.av-equal-height-column-flextable.av-wu3tsa-2f8288ffd7b4a522ef607878953863b5 {
margin-top: 0px;
margin-bottom: 0 !important;
}
}

I think it’s because of the “av-wu3tsa-2f8288ffd7b4a522ef607878953863b5”.
I have already tried to solve it via an ID by assigning the ID #cell-blue to this column and then tried to reactivate this script in various ways. Unfortunately without success. I have now also integrated the script in the CSS:
@media only screen and (max-width: 768px) {
#cell-blue {
margin-top: 0px;
margin-bottom: 0 !important;
}
}

Can you please help me to make this solution work permanently? Even if we then switch the edited version of the website from the subdomain to the main domain?
Many thanks and best regards, Diana

Thank you Ismael for the quick and perfect answer! Works like charme :)

Thank you very much Mike!
The script is just perfect!

Dear Ismael,

Thank you for your answer, but unfortunately I did not fully understand both possibilities:
1. open in a new window > I have entered this command in the link settings: see screenshot http://neu2024.creative-wave.com/support/video-youtube.jpg
2. how should I abbreviate the following Youtube link: “https://www.youtube.com/watch?v=DANM_Jjfhrc”, for example, so that it does not appear in the lightbox?

Best regards, Diana

Dear Ismael

First of all, thank you for the video tip above. This has already helped me and I was able to integrate all the videos that we have uploaded directly to our server.

But now there are also videos that we only have as a YouTube link.

As we want to avoid the Google fonts associated with the YouTube videos being loaded on our website, we only want to offer the YouTube films as an external link to the corresponding YouTube page (in a new browser tab).
So I have inserted the link command to the corresponding YouTube page at each navigation point: see screenshot http://neu2024.creative-wave.com/support/video-youtube.jpg
The whole thing is here on the website: http://neu2024.creative-wave.com/portfolio-item/hongqi-s9/#film
But now all 3 films open in the lightbox and not on a new page as stated. (And when they open in the lightbox, the Google Fonts are already loaded on our page) > How do I have to change the command so that the link to the film opens a new browser tab (new page) and the YouTube page with the film appears there?

Best regards, Diana

Yes, thank you very very much. The code works perfectly!!!!
The topic is solved!