astra review form not responsive on mobile

Any one can help?
@brainstormforce

• This reply was modified 2 years, 4 months ago by syberpunk2027.
• This reply was modified 2 years, 4 months ago by syberpunk2027.

Hi @syberpunk2027,

Straight forward:

1) Review form is not responsive
I am not sure why the form acts weird. Please add the following CSS to your site and it should fix the issue

.woocommerce #reviews {
    display: inherit;
}

2) How to make Accordion Tabs View on mobile only by adding CSS code?
We don’t offer help that is related to custom code, sorry. However, I did a quick Google and found this plugin that seems has the feature you are looking for. I am not sure though as I haven’t tried it myself.

Let us know if you need more help, otherwise please mark the topic as Resolved.

Kind regards,
Herman ??

hi Herman,

I have added your code:
.woocommerce #reviews {
display: inherit;
}
on site, but still no working.

fit it by add a plugin.
Thanks

Hi @syberpunk2027,

Sorry, I don’t get you. Did you mean you added the CSS I shared using a plugin or did you fix the issue using a plugin?

Actually, there’s no need to use a plugin to fix the issue.

Let me know.
Herman ??

@bsfherman
your code not correct.
I have figure it out by add below :
/* product review tab on mobile on 1 collum instead of defaul 2collums */
@media screen and (max-width: 768px){.woocommerce #reviews {
display: inherit!important;
}}

Hi @syberpunk2027,

The code I provided was working when I tried it on your site, from the frontend of course.

Well, good to know that you have figured out the working code. And thank you for sharing the code.

Feel free to start a new thread if there is anything else related to Astra we can help you with.

Kind regards,
Herman ??