Viewing 30 posts - 1 through 30 (of 34 total)
  • Author
    Posts
  • #1083846

    The top portion of the Church template, https://kriesi.at/themes/enfold-church/about/, has the fixed top that I want to use and works fine on my computer, but doesn’t do the same effect on my iphone. The whole image just scrolls like normal instead of the cool fixed effect.

    Here is a site that does what I want on my phone: https://www.sageorganicskincare.com/

    How can I get this effect and what template should I use?

    #1084728

    Any follow up to this? Thanks

    #1084955

    Hi,

    Yea, those effects do not work on mobile. They only are working on desktops :)

    Best regards,
    Basilis

    #1085713

    So nothing with any Enfold template can create mobile effects like this site?: https://www.sageorganicskincare.com/

    #1085950

    Hi bemodesign,

    Well, the parallax effect will not be there. The images will show up but not with the content sliding over them.

    Best regards,
    Victoria

    #1086284

    Crap! Ok, so I will need to find a theme that does the parallax effect for mobile like this site?: https://www.sageorganicskincare.com/
    Any suggestions?

    Thanks for all your help

    #1086697

    Is there any code or CSS I can add to Enable PARALLAX EFFECT on Mobile Devices??
    I added the “Advanced WordPress Backgrounds” plugin and it works on mobile, but its harder to create.

    #1086706

    I tried to remove the code below from the js > shortcodes.js file, but it still doesn’t work. Is there something I can remove to make it work??

    if(_self.isMobile)
    {
    return; //disable parallax scrolling on mobile
    }

    #1088147

    Hi,

    Did you purge the cache or toggle the Performance > File Compression settings after editing the file? Are you using the color section element?

    Best regards,
    Ismael

    #1088470

    I did toggle and I am using Color section. The top part is using the “plugin” for the parallax effect and works on mobile, but underneath that is enfold color section, set to Parallax, that still isn’t working. Any help would be appreciated. Credentials below:

    #1088648

    Hi,

    It seems to be working properly on a browser emulation. We are not really sure why it wouldn’t work on an actual iOS device. You may need to use the plugin for now because the theme’s parallax effect is not intended to work on mobile devices, which is why it’s disabled in the first place.

    Best regards,
    Ismael

    #1088849

    I just checked and it is working. Do I need to create a child theme so that when I updated theme versions, this doesn’t get erased? If so, do you have directions on how to install a child theme easily?

    #1089785

    Do I need to create a child theme so that when I updated theme versions, this doesn’t get erased? If so, do you have directions on how to install a child theme easily?

    #1089786

    Hi,

    Glad to hear that it worked. Yes, you have to create a child theme to keep it from being overwritten. Please refer to the documentation on how to setup a child theme.

    // https://kriesi.at/documentation/enfold/child-theme/

    Best regards,
    Ismael

    #1095967

    What if I already have a home page created? A Child theme seems to go back to the beginning when I activate.

    #1096676

    Hi,

    Thanks for the update.

    You have to import the parent theme settings after the child theme activation.

    // https://kriesi.at/documentation/enfold/backup-theme-settings/#importexport-theme-settings-to-child-theme

    Best regards,
    Ismael

    #1101601

    Got it. So in the child theme, I create a “js” folder and put the modified “shortcode.js” file in it? Then the parallax will always work, even when I updated the theme?

    thanks

    #1101951

    I tried adding the updated shortcode.js file in the Child Theme but it didn’t work. Am I putting the file in the wrong area?

    #1102353

    Hi,

    You have to dequeue or deregister the original js file first, then register the new one or the script file in the child theme.

    // https://developer.wordpress.org/reference/functions/wp_deregister_script/
    // https://developer.wordpress.org/reference/functions/wp_register_script/

    Best regards,
    Ismael

    #1103812

    So I would just add this code, wp_deregister_script( string $handle ), to the top of the “shortcode.js” file in the Parent files and then register the one in the Child theme?

    #1104715

    Hi,

    Thanks for the update.

    That code should go in your functions.php file. An example of the code can be found in the following thread, but instead of the “avia-default” file or handle, you have to deregister the “avia-shortcodes” and register it back using the child theme path or directory.

    // https://kriesi.at/support/topic/custom-avia-js-in-child-theme/#post-1060668

    Best regards,
    Ismael

    #1105302

    Yikes, very confusing. I suppose I would have to hire someone to give me the exact codes and exact where they go? If I just knew what code goes where, I could do it myself. I just can’t figure out what the code is supposed to be and where to add it.

    #1105582

    Hi,

    Thanks for the update. And sorry for the confusion.

    Add this code in the child theme’s functions.php file:

    // load shortcodes.js in the child theme
    function ava_wp_enqueue_scripts() {
    	wp_dequeue_script('avia-shortcodes');
    	wp_deregister_script( 'avia-shortcodes');
    	wp_enqueue_script('avia-shortcodes', get_stylesheet_directory_uri().'/js/shortcodes.js', array('jquery'));	
    }
    add_action( 'wp_enqueue_scripts', 'ava_wp_enqueue_scripts', 100 );
    

    After that, create a “js” folder inside the child theme directory and put the modified shortcodes.js file inside.

    Best regards,
    Ismael

    #1107311

    I made the Child theme Active, added the code you gave above to the functions.php file and added the js folder and modified shortcode. Then I get an error message: “The site is experiencing technical difficulties. Please check your site admin email inbox for instructions.”
    My SFTP info is in private in case you want to look. Thanks for all your help so far.

    #1108741

    Hi,

    Thank you for the update.

    Did you copy the code from your email? Please copy it directly from this forum. You should also turn on the debug mode so that we can see the error. Just add this code in the wp-config.php file:

    // Enable WP_DEBUG mode
    define( 'WP_DEBUG', true );
    
    // Enable Debug logging to the /wp-content/debug.log file
    define( 'WP_DEBUG_LOG', true );
    
    // Disable display of errors and warnings
    define( 'WP_DEBUG_DISPLAY', true);
    
    // Use dev versions of core JS and CSS files (only needed if you are modifying these core files)
    define( 'SCRIPT_DEBUG', true );
    

    // https://wordpress.org/support/article/debugging-in-wordpress/#example-wp-config-php-for-debugging

    Best regards,
    Ismael

    #1108921

    I added the debug code to the wp-config.php file and added the code for the Child theme into the functions.php file. I don’t get the same error but the Testimonials don’t show now and the Tab Sections don’t work. Can you check?

    #1109473

    Hi,

    We don’t see any errors in the home page. Where can we see the testimonials and the tab sections?

    Thank you for the update.

    Best regards,
    Ismael

    #1109631

    It says “Testimonials” and nothing under it. And then below that, the Tab section(“OUR APPROACH…”) doesn’t work. But if you go to the About page, the same tab section works.

    Besides this, is all the code needed look correct?

    #1110161

    Hi,

    Thank you for the update.

    It seems to be an issue with the compression. Could you deactivate the Enfold > Performance > File Compression settings temporarily? We can’t access the dashboard because the previous account is no longer valid.

    Best regards,
    Ismael

    #1110447

    I deactivated File compressions settings and gave you wordpress credentials in private.

Viewing 30 posts - 1 through 30 (of 34 total)
  • You must be logged in to reply to this topic.