I have the problem resolved! Simply adding UTF-8 back into the Blog Charset field in the site settings has the site working correctly again.

Thanks for you help guys, please mark this as resolved.

Hi

I have updated the avia-builder.js as suggested but still not resolved.

I’ve found this thread: https://github.com/jquery/jquery-mobile/issues/4540 could this be related?

Hi Josue

This is what I’m getting:

http://www.screencast.com/t/cHijPsP1a3sp

Could this problem have anything to do with this issue: http://wordpress.org/support/topic/jquery-ui-dialog-script-moved-out-of-39-latest-build

Thanks
Dan

I down graded the site back to 2.6.3 (didn’t have a 2.6.4) and still received the following JS error:

ReferenceError: Â is not defined
http://boadev.co.uk/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/js/avia-builder.js?ver=0.7:394&host=boadev.co.uk

I downloaded a fresh copy of 2.7 and now reinstalled this and still the error?

I have also tried deactivating all plugins.

Hi Yigit

I’ve re-uploaded enfold 2.7, flushed all caches and flushed the permalink structure but still getting the error?

Hi Ismael

Thanks for the response. The site is still very much in development and shouldn’t really be available to the public yet but we’ve run into a couple of issue we’re trying to resolve and need help from others within various forums such as here. Once we are happy with the functionality we are planning on optimising it. If you can recommend any that work well with Enfold that would also be appreciated?

Regarding the scrolling issue, this appears to have started after I added the following CSS but I can’t see why that would cause this problem:

/* Centre Logo for mobile  ----------- */

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 37%;
}}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 32%;
}}

/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 800px) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 30%;
}}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 18%;
}}

Hi Yigit

Thanks for your great response, got me going in exactly the right direction. The CSS I’ve got so far, which seems to be working nicely on most devices (although slightly off on iPhone 4 in Landscape) is:

/* Centre Logo for mobile  ----------- */

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 37%;
}}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 32%;
}}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 481px) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 30%;
}}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
.responsive .mobile_slide_out .logo {
position: relative;
left: 18%;
}}

Thanks again :)

Hi

Thanks for the quick response! I now have the correct menu displaying however the dropdowns within the menu items do not appear to work, do you have any idea why?

thanks again :)