Hi,
Thank you for the link to your site, for the page /unser-verein/samariter-mitglied-werden/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-959 .main_color #result_ajax_response_1.ajaxresponse h3 {
	color: #000;
	border-color: #e30615;
}

the expected results:

for the page /kontakt/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-954 .main_color #result_ajax_response_1.ajaxresponse h3 {
	background-color: #212a48;
}

the expected results:

feel free to adjust to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Thanks for your patience and the link to your site, your NexForms popup has a H1 title:

and your special heading element is a H1:

So you should review your NexForms popup plugin and remove the H1 popup title and change the special heading element to H2, since it is in the middle of your page, typically H1 should be at the top of your page.

Best regards,
Mike

Hi,
Yes, I mean where the sticky header below 767px is covering the top part of the main body, this seems to be due to some custom css removing the top padding:

Try changing the padding-top: 0 !important; to padding-top: 80px !important; or more to suit.
Instead of using the !important;, try this css instead:

@media only screen and (max-width: 767px){
.responsive.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 80px;
    margin: 0;
}
}

It was hard to examine because the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is still enabled.
Try disabling this while you are building your site.

Best regards,
Mike

Hi Christoph,

Thanks for sharing and for using Enfold, it looks great :-)

Best regards,
Rikard

Hi,
I see that I made an error above, this is the corrected css:

@media only screen and (min-width: 768px) and (max-width: 1023px)  { 
	.responsive.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 150px;
}
}

This only starts at 768px, please clear your browser cache and check.

I see another separate error with the margin-top at 767px and below, for the page, please disable any caching plugins and the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files if you also see it, if it you then still see it, check your custom css for missing Semicolon

Best regards,
Mike

Hi,

We will add a fix in next release 5.6.9.

There was a problem with “Fullscreen Mode” and ALB in Block editor – and I adopted the behaviour of ALB as it is in classic editor where “ALB Fullscreen” uses the complete screen.

In next release the Block editor “Settings” Button in top bar will allow to show or hide the sidebar. Fullscreen mode will hide or show the dashboard menus on the left.

Sorry for the problems you had and thank you for reporting.

In case you need the fix earlier let us know.

Best regards,
Günter

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Perhaps, what you are trying to ask for is that on desktop you want the text and the buttons to be in one line, and you want the text to also be in a single line, like this:

If this is what you are asking, then please add this css:

@media only screen and (min-width: 1520px) { 
.responsive .avia-cookie-consent.avia-cookiemessage-bottom .container {
    max-width: 1520px;
}
}

Please note that with the amount of text you have this can only occur for desktops above 1520px, otherwise there is not enough room for the text to be in a single line and next to the buttons.

Best regards,
Mike

Hey Beth,

You can use this link to open a new thread, or click the big blue bottom at the top of the page here: https://kriesi.at/support/forum/enfold/

Best regards,
Rikard

Hey refractiv,

I’m seeing the same text on desktop as I do on mobile. Could you try using a private browser window on your mobile device please?

Best regards,
Rikard