[Kass]

Good morning all,
I am very happy with the CatchFullsrceen theme, however a little problem messes everything up. I tried everything myself with CSS, searching the html files and answers to my forum questions … but I’m desperate !!
On my site http://www.nanarama.fr, the images of the home page scroll incompletely (the image of the previous section and visible on the next, etc.). This was not the case on a test version carried out on http://www.mon-site-insignifiant.fr.
After checking, it looks like the error is not from the CSS changes I made to it.
If necessary I can send you the CSS code added on nanarama.fr or screenshots!
Pleaaaase i really need your help … Thanks in advance !!

[Skandha]

@kass: Hello there,
I will look into the issue and get back to you soon.

Kind Regards,
Skandha

[Skandha]

@kass: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#fullpage .section, #feature-slider-section .hentry {
    height: 100vh;
}

Let me know if this works out!
Kind Regards,
Skandha

[Kass]

Hello, thank you very much! Unfortunately this does not work …
I don’t know by what miracle I managed to solve the problem on desktop but the problem persists on mobile. Could the problem be with the “custom header” element? The following scrolling sections are ok …

thank you so much,

Cassiopée

[Kass]

Ah yes! It works !!! But when I scroll to the bottom, I end up with white space. And if I scroll up again, the content of the header is shifted up (out of the screen) …
Maybe it comes from the tweaks I added to fix my initial problem … I’ll take a look at this.
Many thanks for your availability and your advice!
I’ll keep you posted on my progress!

[Skandha]

@kass: Hello there,
I don’t see any white space at the bottom when the CSS Code is used> Can you please attach a screenshot of the issue?

Kind Regards,
Skandha

[Kass]

Desktop version: http://nanarama.fr/wp-content/uploads/2020/09/Sans-titre.png

Mobile version: http://nanarama.fr/wp-content/uploads/2020/09/Nanarama-–-Féminin-plurielles.jpg

Many thanks
Kind regards,

Cassiopée

[Skandha]

@kass: Hello Cassiopée,
Please use the following CSS Code instead of the above one.

#fullpage .section:not(.site-footer), #feature-slider-section .hentry {
    height: 100vh !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[Kass]

Hello Skandha,

It works !! Problem solved !
Thank you so much for not letting me down.
Good continuation,

Cassiopée

[Kass]

Oh no…
Following the modification, the “lire la suite” button of the header is no longer clickable…

[Skandha]

@kass: Hello Cassiopée,
The button seems to be working at my end. Can you please check again?

Kind Regards,
Skandha

[Author]

Posts