Picture homepage isn't adjusting in a good way to mobile

Hi,
Sorry for the very late reply and thanks for the link, for your [en] page please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
	html[lang="en-US"] #top.home #av_section_1 > div.container > main > div > div > div > section > div > p {
		margin: 0 !important;
		line-height: 50px;
		background: rgba(255,255,255,0.6);
	}
	html[lang="en-US"] #top.home #av_section_1 > div > main > div > div > div > div.hr.hr-invisible.avia-builder-el-3 {
		display: none !important;
	}
	html[lang="en-US"] #top.home #av_section_1 > div.container > main {
		vertical-align: bottom !important;
	}
	html[lang="en-US"] #top.home #av_section_1 > div.container > main > div > div > div {
		margin-bottom: 0px !important;
	}
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in Private Content area of the expected results.

Best regards,
Mike

Hi,
Glad to hear this helped, to make the black text (Create…) smaller please go to your text element and adjust the font, this is where it is set at 40px, you will note that you can change the font size based on screen size.

We could override with css if you find this doesn’t help, but please try this.
To target your Dutch pages, try adjusting html[lang="en-US"] to html[lang="nl-NL"]

Best regards,
Mike

Hi,
For your Dutch site, I found that the css for the box is in your WordPress > Customize > Additional CSS:

.page-id-1623 #av_section_1 .avia_textblock.av_inherit_color:first-of-type, .page-id-67 #av_section_1 .avia_textblock.av_inherit_color:first-of-type {
    background: rgba(56,56,56,0.6);
    padding: 7px 0px;
    text-align: center;
}

I adjusted the background color to white: background: rgba(255,255,255,0.6);
The reason the button didn’t show was because in your custom css there was a top: 145px pushing the box down so the button didn’t show, I commented it out.

/*.page-id-1623 #av_section_1 > div.container > main > div > div > div,*/
	.page-id-67 #av_section_1 > div.container > main > div > div > div
    {
    	top:145px;

    }
}

I noticed the box was still over your face a little so I added this css to help:

@media only screen and (max-width: 767px){
html[lang="nl-NL"] #top.home #av_section_1 > div.container > main > div > div > div > section > div {
    padding: 0 !important;
}
html[lang="nl-NL"] #top.home #av_section_1 > div.container > main > div > div > div > section > div > h1 {
	margin: 0 !important;
}
}

This seems to help, but the text is longer in Dutch, perhaps reducing the font size a little more would help.
Please clear your browser cache and check.

Best regards,
Mike