[Heinz]

Hello

Not on all clients resp. Browser, the page scrolling works fine. I can’t scroll at all on my notebook, I have to switch pages on the right using the navigation (dots). I had found here that this can be improved with the following CSS, but this does not help at all.
/ * Better scrolling * /

@media screen and (max-width: 812px) {
#fullpage .section,
# feature-slider-section .hentry {
background-attachment: scroll;
}
}

/ * Remove border when scrolling * /
#fullpage {
margin-top: 0px! important;
}
I don’t really want to scroll with a scrollbar, that is, I don’t want to switch off the type of scrolling.

I hope there is a solution.

Many thanks for the help

Best regards
Heinz

[Skandha]

@henebe: Hello Heinz,
I checked your site on my phone and the site seems to be scrolling well. Can you please let me know on which Notebook you are having the issue?

Kind Regards,
Skandha

[Heinz]

ASUS N750J with Windows 10 64 bit with the latest updates

[Skandha]

@henebe: Hello Heinz,
Can you check your site on different browsers? Is this happening on a specific browser?
I checked your site on Mozilla Firefox browser and it seems to be scrolling fine.

Kind Regards,
Skandha

[Heinz]

I tried again. It doesn’t work with Firefox on this PC, even though I cleared the cache. With chrome, it doesn’t stagnate and with the new Edge it works flawlessly. It works fine with Firefox on my standalone PC. It doesn’t matter if it doesn’t work on this notebook. I’m just afraid it might not work properly on many other types of fish, either.

[Skandha]

@henebe: Hello Heinz,
If it is possible can you please screen record the issue on your system in Firefox so that I can look into the issue?

Kind Regards,
Skandha

[Heinz]

Hello Skandha
Sorry, I haven’t done the movie yet. I’m on vacation at the moment and I am often out and about taking photos.
But I tried a little bit more. You can select the two checkboxes under “FullPage Options” under “Scroll Bar Options”. Then the scrolling does not lock after every topic, but the presentation is different. Not only is a scrolling list displayed, but the background images, especially on the iPhone, are displayed differently. Now my question, is it not possible to set the scrolling without snapping using CSS instead of the two checkboxes? But without a scroll list and without changing the display of the background images?
Thank you for your help.
Heinz

[Skandha]

@henebe: Hello Heinz,
I am afraid I will need you to record the issue as I able not able to replicate it at my end.

Kind Regards,
Skandha

[Heinz]

Hello Skandha
Now I have documented all of the errors. You can check it out here: https://vah-test.ch/doku2/. I hope that you can help me now, because my site is a little unprofessional.
Thank you for your help.
With kind regards
Hene

[Heinz]

Hello Skandha
I don’t know if you could watch my films? I realize that not everything is easy to solve under certain circumstances. I have also tested further since then. Some problems can be solved safely with CSS, I wrote down below, if you could let me know about them, I would be very grateful.
Here are my comments on each film again. I have now numbered the chapters.

1 film
It’s not that bad here anymore because I made the headers and baseboards transparent. The problem here is almost entirely in portrait mode. It works properly with the tablet in portrait mode.

2 film
This is not the case with the tablet. The page is always nicely aligned or centered. However, I think this point is important because many people look at the website with their smartphone

The points (navigation points) from the slider can be safely hidden via CSS, if you could give me this CSS.

3 film
It’s not that bad here anymore because I made the headers and baseboards transparent. Now I can always see the slider images correctly.

What is new since I made the footer and header transparent, when I navigate to a page, that the header is displayed in gray above the image. Would be nice, because this area is dark gray and only becomes transparent when the header crosses the image. Example: https://vah.ch/galerien/tiere/

The points (navigation points) from the slider can be safely hidden via CSS, if you could give me this CSS.

4 film
Unfortunately, this error also happens with the tablet. It’s really not that nice, because it is actually common for the device to be rotated between portrait and landscape format images.

5 film
Up to now it can only be fixed on my notebook. But it clicks into place after every page and sometimes doesn’t work straight away on a normal PC. It should be possible to resolve this grid.

6 film
This is not the case on the tablet. The menus are always visible. Now, however, the menu background is transparent because I made the header and footer transparent. If the menu background could be switched to dark gray using CSS, that would be great.

Thank you for your help.
With kind regards
Heinz

[Skandha]

@henebe: Hello Heinz,

2. To remove the Navigation dots
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.cycle-pager {
    display: none;
}

3. I will look into this issue and get back to you soon.

4. I don’t seem to have this issue at my end on my android phone. Can you please check in both android other ios devices as well.

5. Don’t you like how it scrolls? Do you want the normal scrolling?

6. It doesn’t happen on my android phone. Maybe it is an issue only on ios devices. I will check it.

Kind Regards,
Skandha

[Heinz]

Hello Skandha
Thank you for your help. It’s much better. Here are my answers to all points.

2. Since I have hidden the navigation points, the error with turning the iPhone has not been here. The images are displayed correctly. However, if I switch from up to across and back up again, the images are no longer switched. It’s not so nice, but I can live with it.

3. Thank you very much

4. Yes, I will test it on my daughter’s cell phone. It doesn’t work with the iPad either. That would be another important point.

5. But I already like it. But with my notebook I can’t get any further than the second page. Next I don’t scroll down or I click on the navigation points.
Is it feasible to turn on normal scrolling? But not the function that can be switched on in the settings, because a scrollbar is also displayed and I don’t want this. But if normal scrolling could be set using a CSS, I would like to try this out.

6. Thank you very much

Thank you for your help. I’m starting to enjoy my side. I already have many pictures that I have published. So I can present my big hobby a little.

With kind regards
Heinz

[Heinz]

Hello Skandha
Yesterday a colleague tested for me on an Android smartphone. The problems are exactly the same as on the iPhone. I already thought about whether it could be related to the screen size of the smartphone. We both have big screens. I have an iPhone 11 Pro Max with iOS 14.01 and my colleague has a OnePlus 8 with Android version 11.
I will still test miner daughter on the Android smartphone.
With kind regards
Heinz

[Skandha]

@henebe: Hello Heinz,
I will look into all the issues and get back to you soon.

Kind Regards,
Skandha

[Heinz]

Hello
Many Thanks 🙂
Kind regards
Heinz

[Author]

Posts