Hi!

Unfortunately we can do longer support safari 5.1, its the equivalent in market share to ie6 :)
In all other browsers the video seems to run fine. Fallback images will be possible for mobile devices only since they behave completely different than desktop browsers

Regards,
Kriesi

Hi!

Sorry `bout that. You can add a color section then add a unique id on “For Developers: Section ID” field. Add “awesome-section” for example, use this on Quick CSS or custom.css to apply a white background inside the color section’s container.

#awesome-section .container  {
background: white;
padding: 15px;
margin-top: 20px;
}

In order to achieve the same look as the screenshot, you can insert two 1/2 column layouts inside the color section then insert the Image element on the first one and the text block on the other. Add another text block under the image element for the name, phone number, social icons etc.

Best regards,
Ismael

Hi!

In order to have a uniform image size for the shop page, you need to at least resize the images with the same ratio and dimension. WP crops images on top, side or the bottom without regards on how you want it to look like. You’ll see that a very tall human images will have its head cut off or a part of the legs missing unless you tell wp to set the crop to false. If you set the crop parameter to false, you’ll have some images that are out of proportion. So, in order to have the right thumbnails, you need to at least give wp a resized images in order to have a uniform set of product images. To learn more about image thumbnails, you can refer to this link: http://codex.wordpress.org/Function_Reference/add_image_size

Best regards,
Ismael

Hi jefflovell!

You can add the ?autoplay=0 option right after the vimeo url. Something like this:

http://vimeo.com/1084537

Replace it with:

http://vimeo.com/1084537?autoplay=0

Chrome seems to ignore this option but I’m not sure why. It works fine on Firefox.

Regards,
Ismael

Hey!

The problem is you’ll get an infinite css animation. You can try this:

<div class="avia-image-container"><img class="avia_image avia_animated_image avia_animate_when_almost_visible bottom-to-top avia_start_animation" alt="" src="FIRST IMAGE URL HERE" data-hover="http://www.fpcosms.com/fpcnew/wp-content/uploads/2014/03/gather-hover.png"></div>

Cheers!
Ismael

Hey!

You can add this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) {
#top .av-video-slide .avia-slide-wrap {
background: url('IMAGE URL HERE') no-repeat center center;
}
}

Change the background url.

Cheers!
Ismael

Hey!

You can use this:

.main_menu ul:first-child > li a {
line-height: 40px;
height: 40px;
}

#avia-menu {
top: 40px;
position: relative;
}

Change the top value to move the vertical position of the menu.

Regards,
Ismael

Hi!

Please remove everything that we added to modify the homepage then use this:

.home .main_menu {
right: 0;
margin-top: 50px;
text-align: center;
width: 100%;
}

.home div .logo { left: 40%; margin-top: -10px; }

.home .main_menu ul:first-child > li > a {
padding: 0 50px!important;
}

.home #avia-menu {
display: inline-block;
z-index: 0;
background: none;
}

Best regards,
Ismael

Hi!

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 140px !important;
}
.responsive .logo {
position: relative; }
#advanced_menu_toggle, #advanced_menu_hide {
right: 50%;
top: 75%; 
line-height: 32px;
height: 47px;
width: 47px; }}

Height and width are default values, you can adjust them as needed

Cheers!
Yigit

Hi mattmorse!

Please try using this plugin http://wordpress.org/plugins/socialize/
You can take a look at this topic for recommended plugins https://kriesi.at/support/topic/recommended-plugins-last-update-04-09-2013/

Regards,
Yigit

Hi!

Please add following code to Quick CSS

div .logo { left: 35%; }
#advanced_menu_toggle:before { content: 'menu'; font-size: 15px; margin-bottom: 10px;  }

I have answered your other questions on your other topic

Best regards,
Yigit

Hi!

Have you noted the changes you have made? You can use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/

Cheers!
Yigit

Hey Scott!

Please add following code to Quick CSS in Enfold theme options under Styling tab

#top .main_menu .menu>li:last-child>a {
padding-right: 13px;
}

Best regards,
Yigit