Hi there,
I normally use the built-in break points to controls items.
However, I am having an issue with an Accordion, within the Pro Builder, media queries are adhered to but outside the builder, they are not.
2 screenshots are attached. I have cleared cache and also checked to see if there is any added CSS in the Child Theme and as with Inline CSS and it is clear?
Any help would be greatly appreciated, as always.
Kind Regards
Hi @RSI-DEV,
Thanks for reaching out.
What I can see in your screenshots are color differences in the accordion. I’m not sure about the breakpoint since you’re comparing two different device view, the first one is for smaller mobile (builder preview) while in your second screenshot is a desktop and resized down to probably a tablet size. Would you mind providing another screenshot of the builder’s preview but for tablet and medium device?
And please provide your admin login credentials in a secure note in case we need to check how it was built.
Thanks!
@Rad, hi there!
The screenshots show how the CSS changes on the breakpoints.
The attached screenshots at not taken within in the builder.
Hi There,
Thank you for writing in, there is an invalid custom CSS somewhere on your site that messing up the theme’s CSS.
I did go ahead and track those. First is in Theme Options > CSS, did go ahead and commented out those line.
This second one is kind of hard to find, because it is in the Footer CSS (who would have thought 
)
Issue is fixed now, clear your browser’s cache on your end.
Cheers!
@friech & @Rad, thank you very much for your help 
Not too sure how this affected the Accordion!
Have a great day!
You’re welcome. Glad we’re able to help.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.