Weird page scroll when press back browser button

Hello,
first of all, I would like to thank you for your awesome theme! I really like it! I just redesign my website with your theme, but I have one problem.

When you are on HOME PAGE and click on something and then go back (browser back button), the page scroll weirdly and I am not in the same position where I was. Sometimes window back me almost all the way to footer. On desktop, you could notice but on mobile, it is very annoying and only happen on the HOME PAGE. When you are on the archive product page and go back there from a single product everything is normal, I would like to be the same on my HOME PAGE.

Thank you very much for your support!

I would like to add just that you can replicate the issue even if you just refresh the page.
Thanks!

Hello,

Thank you very much for choosing our theme and for contacting us.

Please make the full backup of your site as well as the Theme settings export and check the issue on any default theme to detect if our theme causes the problem.

Best Regards

Hello,
I tried the default woocommerce theme and everything is well there. I made a video of my mobile screen to make it easier for you to see the issue. Could you please help me resolve this issue? I have a lot of customers every day on my site, I would like to be best as possible.
Thank you very much!

https://drive.google.com/file/d/15vy7L1PyxHHramHnr6mrQRWVO6qJWEhq/view?usp=sharing video

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Please confirm the permit for us to deactivate the plugins not related to the theme and switch to the parent theme for the while of checking what may take up to 15 minutes if the problem remains. Please make the full backup of your site.

Best Regards

Hello,
i did not have time to test my website.
You have my permission for test.
15 minutes or more is not problem, we need to find cause of issue.
Thabk you very much for your support.

Hello,

Sorry for the delay, please try to switch the default mode of the Product category as shown: http://prntscr.com/111i8ei

Best Regards

Hello,
I am sorry for the late and answer.
That was the problem and not everything is working perfectly.

Thank you for your support!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

I am very sorry, but I need to open this topic again.
Again is happing that weird scroll but in two other places.
You advise me to change the product category on default mode and that fixes almost everything but today I noticed two more places.
On brands carousel and on single products at the very bottom of the page, where the slider is.
I think there is some connection with the footer because happened where the page is near the end (bottom).
Could you please check?
You have all my permission.
I will upload also a video to be easier.

Thank you very much!

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.owl-carousel:not(.owl-loaded) {
  display: flex;
  overflow: hidden; }
[data-mobile="1"] .owl-carousel:not(.owl-loaded) > div {
    width: 100%;
    flex: 0 0 100%; }
[data-mobile="2"] .owl-carousel:not(.owl-loaded) > div {
    width: 50%;
    flex: 0 0 50%; 
}

Best Regards

Thank you very much!
It is working now!
Could you please provide me CSS also for slider on a single page?
I am learning CSS, could you explain to me why is that happening?
Thanks! 🙂

Attachments:

You must be logged in to view attached files.

Hello,

We shall fix that in the nearest update.

Please replace the code with this one:

For the desktop:

.owl-carousel:not(.owl-loaded) {
  display: flex;
  overflow: hidden;
}
[data-desktop="4"] .owl-carousel:not(.owl-loaded) > div {
    width: 25%;
    flex: 0 0 25%; }

For mobile:

[data-mobile="1"] .owl-carousel:not(.owl-loaded) > div {
    width: 100%;
    flex: 0 0 100%; }
[data-mobile="2"] .owl-carousel:not(.owl-loaded) > div {
    width: 50%;
    flex: 0 0 50%;
}

Best Regards

Sorry, this code is not working.
If I replace old one with this one, it is now working at all.
Thanks!

* it is not working at all.
Edit on last post.

Hello,

Please insert the code that is for the desktop in the General section and check.

Best Regards

Hello,
I did why you say but still, it is not working on a single-page section (slider below the main product). Video: https://drive.google.com/file/d/1ANIPub3NEagj1UafFteaPU74ye8KLXis/view?usp=sharing

Also, could you fix this on video? Now because of that code, the gallery is first display: flex (before page load ). Video: https://drive.google.com/file/d/1AMlF9ndQjw__Xzv-sfvpP82i9YV6gnCs/view?usp=sharing

Hello,

I checked your stiles and I see The in the styles, I cannot remove that. I deactivated the plugins however this remains and I cannot remove it. https://gyazo.com/61bb9c820711a95d6327f29587631fe1

At the same time, when I deactivated the plugins and the child theme site works properly: https://gyazo.com/b175dcf35ff8639de2a0e039a3d0c5d7

I enabled the child theme and plugins, deactivate all and check https://prnt.sc/121mrxt

Best Regards

[Author]

Posts