Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #987699

    When i change tabs on “up lighting” to “monogram” etc the gallery pictures do not show properly on mobile devices

    https://www.staging2.stlouisdj.com/lighting/

    #987998

    Hey apremierdj,

    What do you mean? Switch places? Can you please describe in more detail how to reproduce the issue?

    Best regards,
    Victoria

    #988013

    Go to: https://www.staging2.stlouisdj.com/lighting/ (on a mobile device) -> scroll to the section with the tabs UpLighting – Mongogram – Pinspotting -> The 4 pictures at the bottom of the tabbed section initially show, but when you click another tab, they are blurred out.

    #988447

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    #top.page-id-58705 #djtypes img {
        opacity: 1 !important; 
        -webkit-transform: scale(1) !important; 
        transform: scale(1) !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #988540

    Sorry, this did not work

    #988672

    Hi,
    Please try the same code in WordPress > Customize > Additional CSS and clear any cache plugin and your browser cache.

    Best regards,
    Mike

    #988808

    Yes, worked. Thanks

    #988825

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    #991751

    I have noticed this issue is also on this page: https://www.staging2.stlouisdj.com/dj-services/#chris

    Any thoughts on how to fix?

    #991754

    Hi,

    The code should work, just adjust the page id:

    #top.page-id-383 #djs img {
        opacity: 1 !important; 
        -webkit-transform: scale(1) !important; 
        transform: scale(1) !important; 
    }

    Best regards,
    Jordan Shannon

    #991755

    I have tried this and no luck on my end.

    #992183

    Anything please?

    #992584

    Hi apremierdj,

    Can you try this code instead:

    #top #djtypes img {
        opacity: 1 !important; 
        -webkit-transform: scale(1) !important; 
        transform: scale(1) !important; 
    }

    Hope it helps.

    Best regards,
    Nikko

    #992629

    this does not work either

    #992857

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    .avia_transform #djs .avia-testimonial .avia-testimonial-image {
      -webkit-animation: none !important; 
      animation: none !important; 
      opacity: 1 !important; 
      -webkit-transform: scale(1) !important; 
      transform: scale(1) !important; 
    }

    If it doesn’t work, please try in the WordPress > Customize > Additional CSS field.
    If it still doesn’t work, please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    #993388

    Worked! Thanks!

    #993393

    Hi,
    Glad to hear. Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    #993573

    Close please

    #993597

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Pictures not showing on tab’ is closed to new replies.