Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #169159
    manonwethly
    Participant

    Hallo again (I’m sorry)
    One of the main reasons why I chose the catch fullscreen pro theme is the parallax scrolling. But now it seems the parallax scrolling stopped working…
    Please help!!!

    My website is http://www.manonwethly.com

    I you need password and login I can send it to you by email 🙂

    Thank you very much for helping!
    Manon

    #169181
    Skandha
    Participant

    @manonwethly: Hello Manon,
    I checked your site and the scrolling seems to be working well. Can you please elaborate the issue you are having?

    Kind Regards,
    Skandha

    #169194
    manonwethly
    Participant

    Hello again,

    In the beginning the background stayed until the next page appeared and the title scrolled. Now the title and background scroll together like a normal blog would.The titles are supposed to move while the background stays. Like here in your demo from the template https://catchthemes.com/demo/catch-fullscreen/#section3 . It worked on mine before and now it doesn’t anymore.

    Help!

    Thank you,
    Manon

    #169196
    manonwethly
    Participant

    For example my age here https://manonwethly.com/#section0 before the title scrolled and the image didn’t move…

    #169199
    Skandha
    Participant

    @manonwethly: This is due to the following CSS Code you have added.

    #fullpage .header-media.section {
    	background-attachment: scroll;
    }
    #post-727, #post-32, #post-4 {
        background-attachment: scroll !important;
    }

    Replace the above CSS Code by the following.

    @media screen and (max-width:767px) {
    	#fullpage .header-media.section {
    		background-attachment: scroll;
    	}
    	#post-727, #post-32, #post-4 {
    	    background-attachment: scroll !important;
    	}
    }

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

    #169214
    manonwethly
    Participant

    Just to be sure
    I replace this: https://www.dropbox.com/s/ce8ol0v9i9z28xl/Screenshot%202019-04-03%20at%2012.46.07.png?dl=0

    With this: https://www.dropbox.com/s/ufs9tqfx2hhpmug/Screenshot%202019-04-03%20at%2012.46.20.png?dl=0

    And nothing else will change? Only the scrolling?

    Thank you for your patience!
    Manon

    #169277
    Skandha
    Participant

    @manonwethly: With the code in the second image the background will stay fixed from 767px and above whereas below 767px the background will scroll with text or content.

    Kind Regards,
    Skandha

    #169284
    manonwethly
    Participant

    Now the scrolling is fixed but the titles on mobile are not centered anymore (I mean the empty space on the right is different from the empty space on the right. For example:
    https://www.dropbox.com/s/8wu2dw4bt4dpd97/IMG_9C22610A488E-1.jpg?dl=0
    https://www.dropbox.com/s/aig3jrf9fonqh95/IMG_C035A7E8C6FC-1.jpg?dl=0

    Here the title was aligned to the centre (i mean the same space left and right) and now it is not anymore:
    https://www.dropbox.com/s/fwwqxq2hcgh0fma/IMG_1156.png?dl=0

    The grey blocks are not centered and have never been, can you please help me with that?
    https://www.dropbox.com/s/sqomllm11tlrj98/IMG_0991.jpg?dl=0

    And then there is the fact that this title is not centered and also moved down a lot after I pasted the code…
    https://www.dropbox.com/s/vra6rfh1eye17zl/IMG_1157.png?dl=0

    Can you please help me? Because now something is fixed and a lot of things went wrong… HELP! Panic!

    Thank you in advance!!!
    Manon

    #169465
    manonwethly
    Participant

    PLEASE HELP ME?

    I’m still in a panic because I don’t want to launch my website like this… and I urgently need new clients because I am broke…

    I know this centered thing probably seems minor to you but I am a designer and this site is supposed to be my showcase.

    Please help!
    Manon

    #169467
    Skandha
    Participant

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

    #fullpage .entry-content-wrapper {
    	margin:0 25px 0 25px;
    }
    
    #displayed_gallery_beabfb42250408267a173e5522b63800 .image_container {
    	margin-left:0 !important;
    }

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

    #169471
    manonwethly
    Participant

    Should I replace the other one you gave me or just add this one?

    #169472
    Skandha
    Participant

    @manonwethly: You can just add this one.

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

    #169475
    manonwethly
    Participant

    Yes thank you it worked!!!

    I can’t remember if this theme also provided a parallax scrolling effect for mobile?

    Thank you for helping me!
    Manon

    #169513
    Skandha
    Participant

    @manonwethly: Hello Manon,
    Glad I was able to help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Scrolling is no longer parallax’ is closed to new replies.