Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #869222

    i think the visual artist is a nice demo – but unfortunatly not to use with ipad . No background images at all
    background-attachment : fixed is not possible ???

    first i thought it is my clip-path implementation of the demo: https://webers-testseite.de/elegant ( See the transition between the color-section on my solution) but profing the page on Ipad it fails to show all background-images.)
    is there in the meanwhile a solution to have on ipad (tablet) mode a different behavior. Maybe scroll would be ok

    #870285

    Hey Guenter,

    Thank you for the info. It looks fine on a browser emulation. Could you provide a screenshot or screencast of the issue?

    Best regards,
    Ismael

    #871362

    no images at all. only colored backgrounds – on the demo page too!
    i prove my testings normaly on safari developer and go to responsive view. but even here everything is fine!
    Only the real devices shows

    1) this with position center center of the background images and no-repeat works on ipad:
    https://webers-testseite.de/weber/visualisation/

    2) and this here with center center and contain has only colored background and no images – like your demo-page does too!
    https://webers-testseite.de/elegant/

    #871865

    my workaround:

    i set up on those color-section the background-attachment to : scroll
    but give a custom-class to the color-section: bgfixed

    that class has only the meaning of setting :

    .bgfixed {
    background-attachment: fixed !important; 
    }

    on functions.php of my child-theme i detect if the device is an ipad/iphone/ipod :lol
    and remove that class only for this devices !

    add_action('wp_footer', 'remove_class_if_ipad');
    function remove_class_if_ipad(){
    ?>
    <script type="text/javascript">
    (function($) {
    	$(document).ready(function($){
    		var deviceAgent = navigator.userAgent.toLowerCase();
    		if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
    		$('.bgfixed').removeClass('bgfixed');
    		}
    	});
    })(jQuery);
    </script>
    <?php
    }

    this works with scrolling background.
    Info: i don’t know why the other way starting with fixed does not work and addClass and set the background-attachment : scroll !important. ???

    #871966

    Hi,

    I’m not sure why you can’t override the background attachment. Maybe, the css media query that you’ve used was incorrect. What is the actual model/version of the iPad device?

    Best regards,
    Ismael

    #872079

    it works as mentioned above – but first i tend to addClass and give to quick css the scroll position – but this way does not work
    i think the inline rules overwrites every other rule set

    so i decided as above to start on background scroll on alb element – set the fixed positon by quick css – and just remove that custom class set on quick css – this way works as wanted.

    Everything ok now – on ipad the background-attachment scrolls with the container.
    Before – as mentioned there was nothing but the background-color seen.

    give it to the devolpers a hint to see their demo: https://kriesi.at/themes/enfold-visual-artist/ on iphone/ipad

    #873484

    Hi,

    Thank you for the update. We’ll forward it to our devs.

    Best regards,
    Ismael

    #891958

    Unfortunately it didn’t worked for me. When will there a Kriesi solution for this standard theme available?
    I am looking forward to it.

    Thanks in advance,
    Peter

    #892706

    Hi,

    @peterkra: Did you set the “Background Attachment” to “Scroll”? You have to add the “remove_class_if_ipad” script in the functions.php file as well.

    Best regards,
    Ismael

    #892762

    Hi Ismael,

    I just tried again:
    1) Set background attachment to scroll
    2) Added the script to my Enfold child functions.php
    3) added
    .bgfixed {
    background-attachment: fixed !important;
    }
    To the Quick CSS in the general styling tab

    However without the desired effect. Images are now scrolling indeed, but that is not the purpose.

    Thanks for further help in advance.
    Peter

    #892763

    (And 4. gave custom-class to the color-section: bgfixed))

    #893129

    Hi,

    Thank you for the update.

    Please create a new thread or post with the site url and the login credentials. We’ll check it there.

    Best regards,
    Ismael

    #893281

    See private content part.
    Thanks in advance!
    Peter

    #895065

    Hi,

    You have to add the “bgfixed” selector as a class attribute, not as the ID of the section. Please turn on the custom css class field first.

    // https://kriesi.at/documentation/enfold/ (Purchase code hidden if logged out) -for-all-alb-elements/

    Best regards,
    Ismael

    #895349

    Ah yes! I had seen this option before on another website in the past…. Now I remember

    Awesome Ismael! Thanks for your help again.

    Regards,
    Peter

    #895603

    Hi,

    Thank you for the update. Is it working now? Please let us know and we’ll close the thread.

    +1 to @guenni007

    Best regards,
    Ismael

    #895744

    Hi Ismael,

    On the desktop it is working as expected now (desired nicely effect of fixed images that smoothly replacing eachother). After your fix above I got the images also in the mobile version now. Before the fix the mobile representation contains empty pages. However they are scrolling there instead of staying in place (fixed) as in the desktop version. Resuming: images now visible in mobile version but not with the same effect as in the desktop version.

    Can this be realized as well in the mobile version? It should be nice/valuable as it is your own Kriesi default content option.

    Thanks in advance and regards,
    Peter

    #896014

    Hey!

    Before the fix the mobile representation contains empty pages. However they are scrolling there instead of staying in place

    That’s what the script is for. It’s going to set the background-attachment to scroll so that the background is still visible on tablet devices. Unfortunately, we are not sure why the fixed backgrounds don’t work on iPad or mobile devices.

    Regards,
    Ismael

    #978250

    Hi there – unfortunately not working for me. Followed all instructions and desktop still scrolls not fixed… If you have time can you please have look. No child themes used. Thank you

    #978502

    Hi,

    Did you toggle the js/css compression in the Enfold > Performance panel after adding the modifications? You may need to disable the cache and minify plugins temporarily.

    Best regards,
    Ismael

    #978679

    Great, that worked – thank you… If you end up working out how to apply the same fixed position to responsive view, please let me know…

    #979264

    Hi,

    Great! Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘playing with new demos – visual artist demo on ipad’ is closed to new replies.