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

This topic is: resolved

Tagged: 

Viewing 2 posts – 1 through 2 (of 2 total)
  • Author

    Posts

  • November 5, 2017 at 5:05 pm

    #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

    November 5, 2017 at 9:00 pm

    #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;
 }
}

  • Author
    Posts

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