Hello Ismael,

I got it. I put the video inside the video element, in a page for a test, called http://prosourcenow.com/testing-video/ and now it is visible in iPad, but does not play automatically as on the home page ( In home page http://prosourcenow.com/ is inside a text block and does not work in iPad, but is a reference for you to know what I´m talking about if you check it from your computer) and when finish, disappear . How can I fix this issue?
Also, will be possible to delete the bar bellow the video and only play automatically and stop without disappearing?

You are awesome helpers!! Thank you so much,

Alexia.

Hi Ismael,

I think, I got it … I have allowed myself to “steal” this part of code with Firebug from the About Page, hope this is okay:

/* TeamMember */

.avia-team-member .team-social {
    border: 7px solid rgba(0,0,0,0.1);
    position: absolute;
    font-size: 19px;
    background: #fff;
    background: rgba(255,255,255,0.7);
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border-radius: 3px;
}

#top .team-member-name {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    clear: both;
    color: #fff;
    float: left;
    font-family: "Open Sans";
    margin: 0;
    padding: 5px 17px;
    position: relative;
    top: -100px;
    z-index: 5;
}

#top .team-member-job-title {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    clear: both;
    color: #fff;
    float: left;
    font-family: "Open Sans";
	font-size: 13px;
    margin: 0;
    padding: 5px 17px;
    position: relative;
    top: -100px;
    z-index: 5;
}

#top .team-member-job-title a {
    color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
#top .team-member-job-title a:hover {
	font-weight: bold;
}

which looks now like

Thank you — SOLVED —

I have now solved all my issues with the exception of 1.

Drop down menus on IPad in Vertical Display

Drop down menus work perfectly on all devices, except the IPad in Vertical Orientation, where the dropdown background color changes to the top level menu selection bacground color. In horizontal mode, it works fine. On every other device it works fine. It’s just on the IPad Vertically it does this. How can I correct this.

You can see it happen by using an IPad, selecting the about menu item, and you’ll see the background is shown as Red – the highlight color. Do nothing but rotate the IPad to a horizontal position, and it goes back to the correct display – a white background.

Just as FYI, I used the following Quick CSS to highlight the top level menu on hover.

#avia-menu li:hover a {
background: #720903;
font-weight: bold;
}

Hey Ismael,

Not that I know of. Can you help?

I apologize I accidentally posted this same issue here:

and got different answers.

Thank you,
chris

Hi Rikard,

Thank you for your help.
Please see the download links for images. One is a screen shot of mobile iphone and the second is a screen shot on desktop.
When we resize the desktop browser, it cuts off the right side of the image just like in mobile.
Basically, the image in the slider is not responsive.
We tested firefox, chrome, IE, and safari. Cache and cookies cleared. Still cuts off the right side of the image during resize.
Same happens on iphone and ipad.

Cheers!

David