Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #229919
    RodeBoy
    Participant

    Hi, I would like to keep parallax scrolling on a new site Rose-Florist.co.uk but it is not working due to the following CSS code needed to display the slider on mobiles. Is there a revised CSS code I can use instead which will continue to allow the correct display on mobiles whilst keeping the parallax scrolling operational?

    #fullpage .section, #feature-slider-section .hentry {
    background-attachment:scroll !important;
    }

    Thanks,
    Chris

    #229975
    tikaram
    Keymaster

    @rodeboy: Try adding the following additional css and let me know if this resolves your issue.

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

    Regards,
    Tikaram

    #229991
    RodeBoy
    Participant

    Thank you Tikaram. I haven’t had the chance to try this yet, but will get back to you once I do. Is there a bug with the theme, as without the coding I am using the slider does not display correctly on mobiles. Is this issue that is best resolved within the theme coding, as it applies to all the sites I build using this theme, not just this one?

    #230005
    RodeBoy
    Participant

    Your coding worked by replacing the coding I mention with yours. So I have the parallax scrolling on desktop but not on mobiles. In addition your coding affected the slider display on my iPhone in landscape mode. So I am using the following now instead;


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

    However I still cannot see why my slider does not display correctly without any of this coding in there, as I mentioned above. Can it not display as per the demo, accepting that the demo uses a header media image and not a slider?

    Many thanks, Chris

    #230025
    Sakin
    Keymaster

    Hi Chris,

    That issue was fixed already in the theme before in version 2.0.5. I just test in our demo site https://catchbiz.com/ and it’s working fine without any custom CSS. So, you might want to try removing your Custom CSS.

    Regards,
    Sakin

    #230031
    RodeBoy
    Participant

    I have tried removing that CSS and the slider does not display correctly in either iphone or ipad in either portrait or landscape. I have therefore reinstated the CSS as it is for one of my customers and I cannot leave it like that. Obviously the parallax scrolling is not working as a result.

    I have also removed the CSS from my own site domainline.co.uk which I am happy to leave for a short time to allow you to look at to see what is going wrong. I accept that my own site uses a header media, not a slider. Both sites are using version 2.2.2

    This is now becoming quite an issue on all of my sites that use this theme. Please help!

    Thanks
    Chris

    #230032
    RodeBoy
    Participant

    I am using php 7.3 if that helps

    #230050
    Sakin
    Keymaster

    I am checking in your site domainline.co.uk but I cannot debug it properly as you are using “WP Fastest Cache”. So, can you clear the cache and deactivate that plugin. Then I can check in again.

    #230149
    RodeBoy
    Participant

    Done as requested. I now wait your solution to the problem, which affects all of the sites I use this theme on.

    Thanks, Chris

    #230199
    tikaram
    Keymaster

    @rodeboy: It looks like you have enabled normal Scrolling on your site. Is it intentional or you are unaware of it. In the demo of the theme normal Scrolling has been disabled.

    Regards,
    Tikaram

    #230203
    RodeBoy
    Participant

    I have unchecked this box, activated Wp fastest cache, cleared cache, and deactivated it again so you can investigate. No change. Please advise further.

    #230210
    tikaram
    Keymaster

    @rodeboy:I will contact you shortly by email.

    Regards,
    Tikaram

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘parallax scrolling’ is closed to new replies.