Make all image accordions active on mobile

  • Resolved netvest

    (@netvest)


    3 years, 10 months ago

    Hi, I have a Page where I use image accordions with just one section/tab in a column. I would like to have all the image accordions to be active on mobile view. What css or code do I add to make this happen

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @netvest ,

    You can add this custom CSS on your stylesheet to get this done:

    @media only screen and (max-width: 767px) {
	.eael-image-accordion-hover .overlay-inner * {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: all .3s .3s !important;
	}
	.eael-img-accordion .eael-image-accordion-hover::before {
		background-color: rgba(0, 0, 0, .5) !important;
	}
}

    NOTE: You can easily apply custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

    Let me know how it goes.
    Thank you!

    Thread Starter netvest

    (@netvest)

    Worked like charm, thank you so much

    Thread Starter netvest

    (@netvest)

    It would be nice if EA added this feature to allow us to choose whether we want to make the tabs active on mobile or not

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make all image accordions active on mobile’ is closed to new replies.