Hi,

Best regards,
Victoria

Hi Marissa,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 450px) {
  .avia_codeblock iframe.instagram-media.instagram-media-rendered, 
  .avia_codeblock_section.avia_code_block_2 .avia_codeblock iframe {
    height: 100% !important;
    min-height: 535px !important;
  }
   .avia_codeblock iframe#instagram-embed-2.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 750px !important;
  }
}

@media only screen and (min-width: 451px) and (max-width: 767px) {
  .avia_codeblock iframe.instagram-media.instagram-media-rendered  {
    height: 100% !important;
    min-height: 717px !important;
  }
   .avia_codeblock iframe#instagram-embed-2.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 1050px !important;
  }
 
  .avia_codeblock_section.avia_code_block_2 .avia_codeblock iframe {
     height: 100% !important;
     min-height: 535px !important;
     width: 90vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .avia_codeblock iframe.instagram-media.instagram-media-rendered  {
    height: 100% !important;
    min-height: 688px !important;
  }
   .avia_codeblock iframe#instagram-embed-2.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 940px !important;
  }
 
  .avia_codeblock_section.avia_code_block_2 .avia_codeblock iframe {
     height: 100% !important;
     min-height: 300px !important;
     width: 90vw;
  }
  .avia_codeblock iframe#instagram-embed-3.instagram-media.instagram-media-rendered {
    height: 100% !important;
    min-height: 760px !important;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi jamiegrant,

Could you please give us a link to your website, we need more context to be able to help you.
You can set your images to scroll and they will still look good on a mobile.

Best regards,
Victoria

Hi williamslyd,

Credentials did not work for me. Could you please update the credentials?

Best regards,
Victoria

Hey Daniel,

Glad you got it working for you! :)

If you need further assistance please let us know.
Best regards,
Victoria

• This reply was modified 7 years, 11 months ago by Victoria.

Hi mrkuji and hotspot,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Can you please check server log for error?

Best regards,
Victoria

Hey Daniel,

Here is the code you can put in your funtions.php

add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		if ($.avia_utilities.isMobile) {
			var hrefTmp = jQuery(".menu-item-3295 a").attr("href");
		
			jQuery(".menu-item-3295 a").attr("href", hrefTmp.substr(0, hrefTmp.length-4));
		}
	}

	$(window).load(function() {
		a();
	});
})(jQuery);
</script>
<?php
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey brianwelsh,

Could you please attach a mockup of what you’re trying to achieve?

You can just drag the 1/5 element to the 2/5 and see if that works for you.

Best regards,
Victoria

Hi Sanjeev,

Glad you got it working for you! :)

If you need further assistance please let us know.

Best regards,
Victoria

Hi ItsMeOnly,

It seems to me that you need to enable the Advanced Layout Builder debug mode. Here is how to do it: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Copy the code for the icon boxes and put them is a text block and the elements between them. Do not put them in separate containers.

Best regards,
Victoria

Hey gzelasco,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

There is an error in JavaScript.

Best regards,
Victoria

Hey schnippel,

You can add a widget area to the header and add the phone there, just hide it on desktop and show on tablet and mobile.

Here is how to do it

If you need further assistance please let us know.
Best regards,
Victoria

Hi SuperSportsUAE,

Glad you got it working for you! :)

If you need further assistance please let us know.

Best regards,
Victoria

Hi SuperSportsUAE,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.logo a {
   padding-top: 2px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Jmoll28,

Footer menu is added by a widget, you should look on the widgets page.

If you need further assistance please let us know.
Best regards,
Victoria