increasing the height and changing text size of the accordion slider for mobile

I have 2 questions:
1. how do I change the accordion slider height for mobile?
2. How do I change the accordion lider caption and subheading?
so I Googled the issue and found a few responses from 2014 to the same questions and applied the following css to my child theme style sheet with no results.

@media only screen and (max-width: 767px) {
#top .aviaccordion-preview-title h3 {
font-size: 13px !important;
}

#top .aviaccordion-excerpt {
font-size: 8px !important;
}
}
@media only screen and (max-width: 767px) {
#top .aviaccordion {
min-height: 250vh;
}}

What am I doing wrong? Was thinking maybe it’s outdated code, but probably it’s me. Be gentle I am new at the css

one more thing – how do I get my gallery (on the home page – upcoming events) to display as one column on mobile devices? Let me know if you want me to open a new thread for this one.

Thanks,
Danielle

• This topic was modified 6 years, 6 months ago by Transform-You. Reason: forgot to put my name