Update: the problem is solved. After again a few hours thinking about it, I found the error.

I have to disable “load jquery in footer”. Now, it looks fine.

Thanks again @guenni007 for your solution!

Yours, Thomas

Update: I re-enabled the Autoptimize-plugin and the problem re-occurred, concerning the non-loaded background image of the seal.
So, the solution is very simple: Just exclude the loading image

background-image:url(https://cdn1.jameda-elements.de/premium/widgets/_images/top10-top20-bg.png)

from lazy-loading… dropbox

Hi Victoria,

I’ve disabled the Autoptimize-plugin. See credentials below.

Thank you.

UPDATE:

I found a solution to exclude pictures (f.e. and recommended logos) from optimization and delivering via CDN when using ShortPixel-plugin together with Autoptimize plugin:

Like shown here ShortPixel Helpscouts just add this code to your functions.php (I didn’t use the described plugin) and set in the filenames (also working with paths) of your pictures you don’t want to optimize.

add_filter('autoptimize_filter_imgopt_noptimize','imgopt_excl');
function imgopt_excl() {
return 'some-image.png, another-image.jpg';
}

For now, everything is fine and it works :)))

Still one question: It works very fine on desktop and tablet size. But when switching on phone size, there is a white edge displayed.

How can I fix it?

Thank you!

Hi,

sorry for the late reply – it was a busy day.

Thanks @Guenni007 for this solution. I didn’t thought that easy way ;).

What is my current solution: The Borlabs Cookie plugin isn’t able to block the GoogleMaps content inside the ALB element. Then I tried it with the plugin WP Google Maps from Codecabin. But that also doesn’t work aside the BorlabsCookie (citation: “That won’t work with that ruined JavaScript.”). They recommend the use of the following plugin: WP Google Map.

Than you have to do some work inside Borlabs Cookie. Just watch their tutorial (in German): https://de.borlabs.io/kb/script-blocker-video/ After doing this, I additional installed the following plugin to allow nested shortcodes: https://de.wordpress.org/plugins/nested-shortcodes/

And now everything Works very fine and in complete accordance to the DSGVO resp. GDPR. When you select “accept all cookies/content”, the maps will be shown immediately. When you don’t want to allow external content, the maps are blocked and there is a placeholder. However, when you want to reload the maps, you have the possibility to select and enable it.

I’m happy, that now everything works fine. That costs me some hours of brood and trial and error.

Yours, Thomas

Hi Victoria,

that works very fine!!! Thanks a lot for your efforts.

Have a nice day and weekend. Yours, Thomas

I’ve Set the concerning elements with a custom css-class “mobile-margin”.

Then I’ve tried this code:

@media only screen and (max-width:767px)
.mobile-margin {
margin-top:-10px !important;
}

But unfortunately it doesn’t work.

Hi Victoria,

the site is still under construction. You can see the mentioned things in the screenshots: –> Dropbox

As you can see, the box covers up the image above in phone-mode. So, it is possible to reduce the negative margin dependent of the screen size?

Thank you. Yours, Thomas.

PS: Do you a need a login?

Hi Guenni,

thanks for your reply. I think, I mean something different.

Here, you can See a screenshot. –> Dropbox There are to sections. In the left section, there is an image shown. Now, I want to have a color gradient from the left edge to the right edge – so to say fullwidth.

you know how to set in quick css a background-image ( Gradient ) ?

No, not yet. I think, I had solved this (assuming I got it right) in Photoshop.

Yours, Thomas

Hi Mike,

thank you very much!!!

Everything works fine – I’m happy!

Wishing you a nice sunday afternoon and a nice upcoming week.

Best regards, Thomas

• This reply was modified 5 years, 2 months ago by venolab.

Hi Ismael,

thanks a lot for your reply.

So, Ive misunderstood the “fullscreen”-slider. Of course, I mean the fullwidth-slider. Now, I this slider it and everything is fine.

Thank you and have a nice day…

Best regards, Thomas

Hi Ismael,

I’d like to have a fullscreen image (filled from edge to edge). So the image should be shown in its entirely width. It works very well in landscape mode. So I want to see an uncutted image also in portrait mode.

On my landing page there is also a fullscreen slider built in. Here it works fine.

Thanks.

Best regards, Thomas

I’ using safari (macOS and iOS). Here you can See three screenshots.

https://www.dropbox.com/sh/mahxbv61fcq8sbq/AACAQX9o8Qnt0QycXpkGgFXSa?dl=0

Yes, I mean the picture with the child and the doctor.The upper one is a fullscreen-slider and the lower one is a “normal” slider.

As you can See, in portrait mode the image is cut left and ride. Turning the phone into landscape –> the image is shown in fullscreen.

Best regards, Thomas