Hi, hope you can help me today (URL not yet live) I am using the CSS listed below with PA Carousel, to adjust the arrows for the mobile view. It worked perfectly except that the CSS that I wrote in one carousel (A) is affecting another carousel (B) I have on the same page. This would be fine but the problem is carousel B needs a different setting for the position of the navigation arrows because it has different size image dimensions. I can’t make separate adjustments to each carousel. I believe this is because of the use of “!important” in the CSS, which is known to sometimes cause issues. I need to target an additional class I think, to avoid using “important. Would you be able to help me? Thanks and best regards (please see image link) https://imgur.com/a/CzIEY5o
@media (max-width: 500px)
{.elementor-widget-premium-carousel-widget .carousel-arrow {
margin-top: 23% !important;
}
}
- This topic was modified 4 hours, 22 minutes ago by .