Hi!

I updated the instructions above. I think I forgot to mention some code changes and it’s better/safer when you replace the entire code in avia.js

Cheers!
Peter

Hey!

Please copy/paste the code from here: https://gist.github.com/InoPlugs/ff21a064c574fc154794 into your avia.js file. You can remove/delete the “old” code in avia.js

Cheers!
Peter

Please add google custom search in next version

Hello!

Please create me an admin account and update your theme to v2.2. If you want to avoid that your website visitors see a stretched logo replace

win.on("debouncedresize", adjust_menu_width);
win.on('scroll', adjust_menu_width);
adjust_menu_width();

with

/*
win.on("debouncedresize", adjust_menu_width);
win.on('scroll', adjust_menu_width);
adjust_menu_width();
*/

and I’ll remove the comment sign when I start to debug the code.

Cheers!
Peter

Save Custom Color Settings
Add an ability to save the custom colour settings. It could be similar as for the Layersliders as a copy & paste box. Perfect it would be if it could be saved like the color preset buttons.

This is not a feature request per sé but a request to think about your hierarchical menu design. While that gap between the top menu word and the sub-menus makes sense from a design perspective because the submenus begin at a hairline border, I think it’s confusing for the average user.

One possibility is that most users will not realize that there is content at the top menu word, thinking they need to go to one of the sub menu items, primarily due to the distance. The other is that some will not realize that sub-menu items exists, again due to the distance, which visually disconnects it from the top menu item.

Any chance you can give us a more traditional menu design option?

Hi!

Actually I wrote the function and added it to avia.js. The function will calculate the width of the menu items with paddings and without paddings and if the width of the menu items with paddings and the logo width exceeds the header container width it will try to shrink the paddings to a lower value. By going this way we can make sure that the logo is not overlapped by the menu items. However in some cases the reduced paddings are not enough and the menu items would still overlap the logo and my function then calculates the remaining space and changes the logo width to the calculated value.

That said I can’t reproduce the issue on my test servers ( http://www.screenr.com/kCZH ) and no other user reported a similar issue so far and I wonder if the issue only occurs with a certain setup (os/browser specific). I tested your website and the new Enfold update on my test servers with Firefox, Chrome, IE10 and 9 on Win8 and I didn’t notice a logo image distortion.

If you think it’s coded wrongly and you don’t want to use the new function open up avia.js and delete/comment out following code:

win.on("debouncedresize", adjust_menu_width);
win.on('scroll', adjust_menu_width);
adjust_menu_width();

This will deactivate the menu item width and logo width calculation and my function won’t kick in. On the other hand you risk that the menu links may overlap the logo.

Cheers!
Peter