Home Forums ASE Support Hide the caption of Parallax component when viewing in mobile mode

This topic is: resolved
Viewing 2 posts – 1 through 2 (of 2 total)
  • Author

    Posts

  • #16429

    Reply

    dailytitan

    Participant

    Hi, I am using ASE for long-form stories on my website and I am very happy with it. Recently I noticed that when reading articles on mobile the caption takes up more space on the images displayed in Parallax component which in turn is blocking some contents of the image. Is there any way or option of hiding the caption on mobile mode and showing it only when we click the image to enlarge it and view it?
    Thanks in advance!
    Ameya

    #16430

    Reply

    Hyun Supul

    Keymaster

    Hi add this custom CSS codes to your site. This code will remove caption from Parallax Component when the screen width is less than 800. You can add custom CSS by going to Dashboard->Appearance->Customize->Additional CSS

    @media(max-width:800px){
     .aesop-parallax-sc-caption-wrap {
       display:none;
     }
    }

Viewing 2 posts – 1 through 2 (of 2 total)
Reply To: Hide the caption of Parallax component when viewing in mobile mode