-
AuthorPosts
-
March 28, 2019 at 1:06 am #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?
March 29, 2019 at 8:13 pm #1084728Any follow up to this? Thanks
March 30, 2019 at 7:34 pm #1084955Hi,
Yea, those effects do not work on mobile. They only are working on desktops :)
Best regards,
BasilisApril 1, 2019 at 9:39 pm #1085713So nothing with any Enfold template can create mobile effects like this site?: https://www.sageorganicskincare.com/
April 2, 2019 at 9:11 am #1085950Hi bemodesign,
Well, the parallax effect will not be there. The images will show up but not with the content sliding over them.
Best regards,
VictoriaApril 3, 2019 at 12:47 am #1086284Crap! 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
April 4, 2019 at 12:43 am #1086697Is 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.April 4, 2019 at 1:09 am #1086706I 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
}April 8, 2019 at 7:08 am #1088147Hi,
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,
IsmaelApril 9, 2019 at 1:32 am #1088470I 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:
April 9, 2019 at 1:01 pm #1088648Hi,
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,
IsmaelApril 9, 2019 at 8:08 pm #1088849I 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?
April 12, 2019 at 12:30 am #1089785Do 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?
April 12, 2019 at 12:31 am #1089786Hi,
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,
IsmaelApril 30, 2019 at 11:43 pm #1095967What if I already have a home page created? A Child theme seems to go back to the beginning when I activate.
May 3, 2019 at 1:53 am #1096676Hi,
Thanks for the update.
You have to import the parent theme settings after the child theme activation.
Best regards,
IsmaelMay 17, 2019 at 12:06 am #1101601Got 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
May 18, 2019 at 12:02 am #1101951I 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?
May 20, 2019 at 3:48 am #1102353Hi,
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,
IsmaelMay 23, 2019 at 11:06 pm #1103812So 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?
May 28, 2019 at 7:27 am #1104715Hi,
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,
IsmaelMay 29, 2019 at 11:33 pm #1105302Yikes, 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.
May 31, 2019 at 4:56 am #1105582Hi,
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,
IsmaelJune 4, 2019 at 11:53 pm #1107311I 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.June 10, 2019 at 5:50 am #1108741Hi,
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,
IsmaelJune 11, 2019 at 12:02 am #1108921I 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?
June 12, 2019 at 12:59 pm #1109473Hi,
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,
IsmaelJune 13, 2019 at 12:23 am #1109631It 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?
June 14, 2019 at 3:01 am #1110161Hi,
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,
IsmaelJune 14, 2019 at 7:48 pm #1110447I deactivated File compressions settings and gave you wordpress credentials in private.
-
AuthorPosts
- You must be logged in to reply to this topic.