-
Posts
-
Hi guys,
Added the TOC widget to one article https://staging-conversionsciencesdev.kinsta.cloud/mobile-call-to-action-buttons-best-guidelines-for-placement-copy-design/#mobile-cta-button-design and when you click on any of these links, you land way past the H2 subtitle.
This will be confusing to many.
Do you have a solution?
Otherwise, I love the fact that I don’t have the manually create these links and anchors anymore.
Best regards,
Havi
PS: Added one Enfold Table of Content Widget to the Desktop Sidebar (Mobile does not have a Sidebar – and this would not make sense) and it scrolls to the right spot but the widget does not let me save “Enable Smooth Scrolling”. The check mark disappears. It makes more sense inside of the post. More intuitive.Hey havi,
Thank you for the inquiry.
Did you disable the “smooth scroll” option in the TOC widget? The scroll position should be different or re-adjusted when you enable that option.
Best regards,
IsmaelHi Ismael!
No, I didn’t. Actually it disables itself for some strange reason. I click on the option and when ithe widget saves itself the checkmark disappears.
Best regards,
Havi
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.Best regards,
BasilisHi Basilis,
You have one standing admin user on most of my client sites ;) Adding credentials below on private data.
Thank you so much!!
Havi
Hi,
Odd. The site scrolls smoothly now every time we click an item in the TOC even though the option in the widget is disabled. Did you add a smooth scroll script or plugin? Unfortunately, we are not yet sure why the widget’s smooth scroll option is not working.
Thank you for the update.
Best regards,
IsmaelHi Ismael,
I know, right? But the thing is that it lands way under the H2. I can check the CSS to see if any was ever added but I don’t think so. Unless it’s an overall enfold option that I cannot recall off the top of my head.
Will fixing that solve the problem? Because when you click on the widget that is on the blog sidebar, it works fine.
There’s one thing I didn’t do. Were there any changes to header.php? Because there’s a child version of it. I could try replacing it with the updated version adding the lines for GTM.
Unless you have some other idea, I can always try on another staging site I have for a different client and see if I can reproduce it or it’s this site only.
Thoughts?
Havi
NOTE: Found the Issue! Check the smooth scrolling is still self-disabling but disabled the Unbounce Landing Pages plugin and now it scrolls to the proper H2 position. Let me know if you want me to check the rest of my ideas.
I also found this CSS code the client’s developers crafted. Could it be affecting the scrolling behavior?
/*Disable animations for Page hero sections*/
#av_section_1, #av_section_1 * {
opacity: 1 !important;
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
/*— End Disable animations for Page hero sections — */Note2: Tested the widget on another site hosted on Kinsta as well (Staging) sending you the link on Private content) and the SmoothScrolling disables itself as well. No added code, no conversion plugins. But it does scroll to the right anchor position on the page smoothly. Will soon test on non-Kinsta hosted site still Nginx (I don’t think this would be a problem, right?)
Hi,
Awesome! Glad that you found the issue. That css code will not affect the scroll script, so you can leave it as it is. Let us know if you need anything else.
Best regards,
IsmaelHi Ismael!!
I found the bug!!! Smooth Scrolling only stays checked if Hierarchy Indentation is checked. Even if you only select a single type of Heading like H2.
Also, if you pick H3, you will get the title of the widget inside of the TOC as an entry.
Don’t you love having users that have been with you for years? We troubleshoot together!!
I’ll give it one more shot to the conversion site with smooth scrolling enabled to see if the compatibility issue with Unbounce clears out and I’ll let you know. Will tackle tomorrow late afternoon.
Until then!!!
Best regards,
Havi
Hi,
Great! Based on your findings, we found the the error in the widget.
<input class="checkbox" id="<?php echo $this->get_field_id('smoothscroll'); ?>" name="<?php echo $this->get_field_name('smoothscroll'); ?>" type="checkbox" <?php checked( $indent ); ?> />The checked value is incorrect. It should be:
<input class="checkbox" id="<?php echo $this->get_field_id('smoothscroll'); ?>" name="<?php echo $this->get_field_name('smoothscroll'); ?>" type="checkbox" <?php checked( $smoothscroll ); ?> />It’s really awesome to have you on board! We’ll include the adjustment in the next release.
Best regards,
Ismael
- You must be logged in to reply to this topic.