satpalsr
Forum Replies Created
-
Forum: Plugins
In reply to: [Easy Table of Contents] Mobile Smooth Scroll Offset Not WorkingI flushed my website cache and now it works perfectly fine.
Forum: Plugins
In reply to: [Page scroll to id] Offset Not Working In MobileI flushed my website cache and now everything works perfectly fine. Thanks for your solution.
Forum: Plugins
In reply to: [Page scroll to id] Offset Not Working In MobileI tried exactly what you told but nothing changed. So, I also tried few other things:
1. To resolve the dekstop problem i.e.:
The desktop version is working fine but on the first click, it goes a little bit below and then reaches the correct position.
I turned off lazy loading for all my posts. It is absolutely fine now.
2. For mobile screens: Offset does not work.
No matter what px value I set for the following code, there are no changes.#ps2id-dummy-offset{ height: 50px; }3. I went into setting of “Easy Table of Content” plugin and turned off “smooth scroll”. I tested your solution again for mobile. No changes.
4. I deactivated your plugin and removed the code from “additional css”. Then, I turned on “Easy Table of Content” smooth scroll from its setting. For desktop option in its setting, it worked. For mobile option, again no changes.
Current Setting:
a) “Easy Table of Content” smooth scroll is off.
b) “page scroll to id” plugin is set to the setting you told and “Additional css” code is added.Note: I am using Astra free version and to create sticky header, I have used this code:
/*Make Header Sticky - for Astra 3.0 and later*/ .site-header { position: fixed; width: 100%; height: 75px; border-bottom: 1px solid; border-bottom-color: #efefef; } /*Adjust Content Padding - adjust this based on your layout*/ .site-content { padding-top: 100px!important;; } /*Adjust Content Padding for Mobile - adjust this based on your layout*/ @media (max-width: 800px){ .site-content { padding-top: 90px!important;; } } /*Adjust Content Padding for Mobile - adjust this based on your layout*/ @media (max-width: 650px) { .site-content { padding-top: 90px!important;; } }Update: The “Page scroll to id” is working fine on mobile for anchor links set up using Elementor. The changes in px value of code, does reflect in mobile. The only problem now is that it does not work with “Easy Table of Content” plugin on mobile.
- This reply was modified 4 years, 11 months ago by satpalsr.