Remember me

Change social share overlay for mobile

7 years 9 months ago #1

  • Alex's Avatar
  • Alex
  • Posts: 357
In the image gallery we have chosen the display header and on hover effect so that the social sharing option is slightly over the top of the image when a person hovers the image. This works great on a laptop but on a phone it does not work since it covers a significant part of the image and there is no way to see the whole image. I still want the social sharing option on mobile but also want to be able to see the whole image. Is there a way to get the header and social above the image just on mobile?

see the gallery at carlajfineart.com/gallery

Thanks!

7 years 9 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 11342
Hi,

Add to your template css file next code:
@media (max-width: 767px)
.ba-modal .ba-modal-header {
    background-color: rgba(255,255,255, 1) !important;
    position: relative !important;
}

Regards,
Powered by Kunena Forum