Hi,
Thank you for the link to your site, I added this function in your child theme functions.php:

function add_custom_header_image_to_products() {
	if ( is_product() ) { ?>
    	<div class="single-header-image"><br><br></div>
		<div class="breadcrumbrow" style="background-color: #f8f8f8;"><div class="container" style="padding-top:3px;">
					<?php echo do_shortcode('[av_breadcrumbs]'); ?></div></div>
<?php }
}
add_action( 'woocommerce_before_main_content', 'add_custom_header_image_to_products', 10 );

Please check the product page linked below.

Best regards,
Mike

Hi,
Oh I see, it is for an older version.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, I checked your blog page with Safari Responsive Design Mode emulating a iPhone in portrait mode, but I was able to scroll fine, I also checked on my Android phone with no issues, unfortunately I don’t have a iPhone to test with, if you are still experiencing this issue please tell us which model of iPhone you are using and we will see if we can reproduce this error. Perhaps the version you are using is not using the latest Safari? On my Mac I have v16.6, but the Desktop Safari and mobile version don’t always behave the same.

Best regards,
Mike

Hi,
Glad to hear that you have solved most of the issues, typically the elements have a spacing options for each screen size as icons, similar to this:

each element is a little different so it depends on the element.
What is the current element that you are having issues with?

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, HulaSlim did this help you?

Best regards,
Mike

Hi,
I believe the category class is added to the masonry so you could set the css color via this class. I don’t think that you can add a ACF field to the Masonry sorting options.
Pehaps an expert with ACF has a way to do this, but it’s beyond our abilities here.
I recommend adding css to set the color via the category class, if you need some help with this please link to your example page and let us know what colors you want for each category.

Best regards,
Mike

Hi,
Glad we were able to help, I will look at your other issue, it looks complicated so it may take some time. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
On the page that you linked to, “Schulmaterialien” is an H1 tag and your CSS is targeting H2 tags, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

@media only screen and (max-width: 767px) {
  #top #wrap_all #main .header_color h1,
  #top #wrap_all #main .main_color h1,
  #top #wrap_all #main .alternate_color h1 {
    font-size: 24px;
  }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the link to your page, it looks correct now so you must have sorted it out.
I see that your text elements have div tags when you check with the “text” tab in the builder, if you add or edit the content in the “visual” tab of the text element editor, it is possible to accidentally remove a div tag and break the layout. Please try to edit your pages in the “text” tab that shows the code so you don’t accidentally remove these. Or you could remove the correct opening and closing div tags, but this may be a lot of work. These could have been added in error if you copy and paste content into the “visual” tab.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey WebbR,
I tried the plugin, but I didn’t find a way to make it look like the demo, I didn’t find any css applied to the page nor the filter. I didn’t find the help info helpful and it seems to be geared towards the pro version. I’m not knocking it, but I would look for another solution. I would expect a shortcode that you can add to any page to display the plugin posts and the filter.
Sorry I was not more help.

Best regards,
Mike

Hi,
Unfortunately there is not a way to do this with ACF & Enfold because Enfold doesn’t get the CSS colors from the post. Unfortunately I don’t see a way to do this.
Perhaps you can get ACF to add a custom class to the masonry element that can specify the color, but I didn’t find a way to do this, my ACF knowledge is limited as well as our support of ACF.

Best regards,
Mike

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Stefan,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-image-hotspot_inner {
    color: transparent !important;
}
.av-image-hotspot_inner::after {
    content: '';
	color: black;
	left: -3px;
	position: relative;
}

div .av-image-hotspot:nth-child(1) .av-image-hotspot_inner::after {
	content: 'A';
}

div .av-image-hotspot:nth-child(2) .av-image-hotspot_inner::after {
	content: 'B';
}
div .av-image-hotspot:nth-child(3) .av-image-hotspot_inner::after {
	content: 'C';
}
div .av-image-hotspot:nth-child(4) .av-image-hotspot_inner::after {
	content: 'D';
}
div .av-image-hotspot:nth-child(5) .av-image-hotspot_inner::after {
	content: 'E';
}

If you have more than 5 hotspots, copy the last one and add as many as you need changing the number and the letter.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Celeranttechnologycorp,
Unfortunately the link you posted to the example thread is not working, I tried searching but didn’t find and suitable results, and nothing comes to mind for this.
Please try linking to the thread again. I assume that you mean that the hotspots are set to show only on click and you have a text block next to it with links, clicking one will open the hotspot.
Would this be the only element on the page at full height, or does the hotspot also need to scroll into position, I would see this as a problem.
Does this also need to work on mobile?
Can you create a test page so wee can see the layout?

Best regards,
Mike