Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #920818

    Hi
    2 questions:
    1.
    I have a fullscreen slider at the top of my pages, which looks very narrow on the mobile.
    I don’t see any setting options – I know I can make another element for mobile but shouldn’t it be responsive?
    any css you can throw my way?

    2. on the same page, is there an easy way to have the masonry gallery load on page load instead of on scroll?

    thanks
    Nancy

    • This topic was modified 6 years, 8 months ago by Munford.
    #921028

    Hey Munford,

    1. It appears you have not used a slider element please check again and let us know. However, you can use the below CSS.

    @media only screen and (max-width: 767px) {
    	.responsive #top #wrap_all .avia-builder-el-1 > .flex_cell_inner {
        min-height: 200px;
    }
    }

    2. 

    To disable the masonry gallery image loading animation please use the below CSS

     /* Masonry image load animation*/ 
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: none; /* Safari 4+ */
    -moz-animation: none; /* Fx 5+ */
    animation: none; /* IE 10+ */
    }
    .av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
    }

    Best regards,
    Vinay

    #924478

    thanks – that takes all the animation off.
    Is there a way to fade it in?

    #925052

    Hi,

    Try instead of animation use
    transition: opacity 2s ease-in;

    which will make it fade in, while the page loads / scrolls to that view.

    Best regards,
    Basilis

    #925189

    Not sure how to use that – ??

    .avia_desktop .avia_transform3d .av-masonry-entry .av-masonry-item-loaded .av-inner-masonry {
    transition: opacity 2s ease-in;
    }

    /* Masonry image load animation*/
    .avia_desktop .avia_transform3d .av-masonry-entry .av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: none; /* Safari 4+ */
    -moz-animation: none; /* Fx 5+ */
    animation: none; /* IE 10+ */
    }
    .av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
    }

    #926262

    Hi,

    Have you added the code?
    Try that code please

    /* Masonry image load animation*/
    .avia_desktop .avia_transform3d .av-masonry-entry .av-masonry-item-loaded .av-inner-masonry{
    transition: opacity 2s ease-in;
    -webkit-animation: none; /* Safari 4+ */
    -moz-animation: none; /* Fx 5+ */
    animation: none; /* IE 10+ */
    }
    .av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
    }

    Best regards,
    Basilis

    #926352

    I added that but doesn’t seem to be “easing in” when the page loads.
    any ideas?

    #927140

    Hi,

    One of the custom code added is removing the effect which was there earlier.

    Please remove the code and add it back block by block to check which part is causing the issue. You can then remove the block of code which caused this issue and let us know if you need further help.

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.