Hi guys,

I’m still waiting to hear how I can fix this issue – if anyone has the solution I’d massively appreciate it.

Thanks, Graeme

Hi Yigit – I don’t think I’ll be able to do that because we have a strict firewall, and to edit files you need your ip whitelisted. When I’ve looked at the site this morning, the links below the images seem to be broken (http://cl.ly/Z2jS) – is this something you’ve changed?

Graeme

Hey Yigit,

I had tried that previously, but just deactivated all plugins again and the issue still persisted. Is there any reason you know of that would cause a problem with the avia.js file when I delete the block of code for the overlay? I know that removing the code fixes the problem from testing, but I can’t delete it at the expense of all other js elements on the site.

Thanks,
Graeme

Hi Yigit,

Thanks for your reply. Yeah, I’ve already got that in my CSS – the spacing is created on hover, but there’s no visible transition/opacity change. The images are links to another page, if that makes a difference to the CSS required?

Hi Yigit,

Like I mentioned in my original post, removing that block creates an error, causing elements such as the ‘scroll-top-link’ box to fail. I’ve tried both deleting and commenting out the section, and I’m 100% certain I’m only selecting code that relates to the image hover effect, so cannot understand why this is causing an issue with other elements.

My ‘avia.js’ file is as follows: http://pastebin.com/xseFvC7d

• This reply was modified 10 years ago by Iano999.

Perfect – thanks Ismael!

Hey Peter,

Yeah, I’m saving it into my child theme folder alongside a style.css file. I always use child themes for a build, but I’ve never had an issue with using a secondary functions file before?

Thanks again, Graeme

Hey,

I’ve edited avia.js to reflect the fact I want the mobile menu at 990px, then I’ve added the following code to hide the main menu up to 990px:

@media only screen and (max-width: 990px) {
.responsive #header .main_menu ul {
display: none;
}
}

I’ve also included this CSS:

@media only screen and (max-width: 767px){
.mobile_active #advanced_menu_toggle {
display: block;
}
}

I’m now left with a range from 768px – 990px where there is no menu at all – Is there anything else that needs to be done make the mobile menu visible?

• This reply was modified 10 years, 11 months ago by Iano999.

Okay, I found a fix for my issue – here it is in case anyone else experiences something similar:

# Exempt movies from password protection to prevent extra login prompts
<Files ~ "\.(mp4|m4v)>
    AddType video/mp4 mp4
    order allow,deny
    allow from all
    satisfy any
</Files>

Throw this into your htaccess file and see if it fixes your problem (my site requires a login at the moment to view whilst in dev, so I’m assuming that it was still requiring an additional login to view the video – this should bypass that.)

Awesome, thank you – I’ve just sent over an email with the details.

Speak to you soon, Graeme