Hi mleite1!

Thank you for using Enfold.

We need to see the actual page in order to fix the issue. Please post the url here.

Regards,
Ismael

Hi!

Thank you for using Enfold.

Use this in the Quick CSS field:

@media only screen and (max-width: 989px) {
.responsive #top #main .products .product {
  margin: 0 1% 1% 0;
  width: 49%;
}}

Cheers!
Ismael

Hey!

What is the code that you use and what the expected layout? Please post the code on pastebin.com and the screenshot on imgur or dropbox. We would like to see what you’re trying to do. You can fix the layout via css but I’m not sure exactly what you’re aiming for.

.widget_black_studio_tinymce {
  margin-top: 120px;
}

#top #header_main > .container {
  height: auto !important;
}

Cheers!
Ismael

Hey!

I tested the mobile menu modification on my installation and it works fine. It doesn’t change the theme location name so it’s either a third party plugin or a custom modification in your installation. Please try to deactivate all plugins then test it again. If you’ll give us your permission, we would like to deactivate the plugins to test which plugin is causing the issue. You can also edit this code:

register_nav_menu($key, THEMENAME.' '.$name);

Replace it with:

$theme_name = get_current_theme();register_nav_menu($key, $theme_name.' '.$name);

Cheers!
Ismael

Hey!

If you use the advance layout builder for product or any custom post types, you need to add all the contents manually including the price, add to cart button, product title etc. For the price, use a code or text block. You can use the Special Heading for the title. There are also additional shortcodes specifically for products. You can find it in the Plugin Additions panel.

Cheers!
Ismael

Hey Marco!

Thank you for using Enfold.

The .av-masonry-image-container doesn’t have a title attribute that’s why the content property is not working. Can you please provide a screenshot of what you’re trying to do? Use imgur or dropbox.

Best regards,
Ismael

Hi!

Did you try to toggle the Blog Content length option? Please post the login details here so that we can check the site.

Best regards,
Ismael

Hi!

You have this code which triggers the jump:

<script type="text/javascript">
				jQuery.noConflict();
				(function( $ ) {
					$(function() {
						// More code using $ as alias to jQuery
						$("area[href*=#],a[href*=#]:not([href=#]):not([href^='#tab']):not([href^='#quicktab']):not([href^='#pane'])").click(function() {
							if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
								var target = $(this.hash);
								target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
								if (target.length) {
								$('html,body').animate({
								scrollTop: target.offset().top - 200  
								},900 ,'easeInSine');
								return false;
								}
							}
						});
					});
				})(jQuery);	
			</script>

Not sure how you added that but you need to remove it.

Best regards,
Ismael

Hi!

I was able to reproduce the issue. IMO, it isn’t a big deal. The options are still usable. If it really bugs you, it’s possible to manually edit the width and height attribute or the alignment of the image in the text or html mode:

<a href="http://yoursite.com"><img class="alignnone  wp-image-363" src="http://yoursite.com/sampleimagehere.jpg" alt="alt" width="264" height="397" /></a><ul>

Cheers!
Ismael

Hey Nomadigo!

Thank you for using Enfold.

You can generate the video shortcode on a temporary post or page by using the shortcode wand. Copy it to one of the layer in the slider. You may not be able to see the video in the slider preview but it should work in the front end.

Best regards,
Ismael

Hey Kevin!

Thank you for using Enfold.

That’s weird. Not really sure what’s causing it. Do you have a cache plugin? Please try to deactivate all plugins then delete the file. Toggle any theme options to regenerate it. I’m sure you checked the general styling panel, right?

Regards,
Ismael

Hey!

Is this solved or not? I’m a bit confused in your response here:

However if I look at it in Safari on my mac (with user agent set to iPad 8.1) on MOUSE over the caption box appears with ONLY the Title visible, just as I needed (thanks). iPhone has the same problem.

What’s the issue again? If you want to remove the excerpt on mobile devices, you can add this:

@media only screen and (max-width: 768px) {
.av-masonry-entry-content.entry-content {
  display: none !important;
}}

Cheers!
Ismael

Hi tech500!

Thank you for using Enfold.

The masonry items loaded fine when I checked the page initially. Try to install a cache and minify plugin to improve loading speed. Or follow the solution provided here: https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-433895

The thumbnail that is being use in the masonry element is the masonry thumbnail with a max width and height of 705px. This is important to cover taller and wider images which is what the masonry element needs, flexibility. And since the masonry column container is percentage base, there’s no way to set a specific thumbnail size without compromising the image ratio and proportion. To make a long story short, any page with the masonry element in it will have a hard time passing the google image optimization test without tinkering with the core theme files. However, you can decrease the thumbnail size and then regenerate the thumbnails (https://wordpress.org/plugins/simple-image-sizes/) or you can use this plugin to compress image file size even more: https://wordpress.org/plugins/wp-smushit/

Best regards,
Ismael

Hey!

Yeah, sure. Please post the login details here. We’ll create an example in a test page. What you need to do first is to enable the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

1.) Edit the current slider, look for the Custom CSS Class field at the very bottom of the slider options panel. Add a custom css class attribute, call it “hide-mobile” for example.

2.) Add another video element above or below the slider then add the url of the video, same video url in the slider, configure the options etc. Again, look for the custom css class attribute, this time use “hide-desktop”.

3.) Save the page then go to the Quick CSS field. Use this:

@media only screen and (max-width: 989px) {
.hide-mobile { display: none; }}
@media only screen and (min-width: 990px) {
.hide-desktop { display: none; }}

You should have an automatic video slider on desktop view and a video element that users can watch on mobile.

Regards,
Ismael

Hi!

After you add the custom css class attribute, you need to use it in the Quick CSS field in order to modify the current element. Use this:

.gefuehle-title h3 {
  text-align: right;
}

Best regards,
Ismael