Dropdown On Mobile

On product's detail page we have two product tabs, description and colors. While on mobile, when we hit one of them it drops down, that's ok, but we want it to get back and close when we hit it again.

How can we manage this?

Hi, it depends on which template are you using. This have to be fixed in the css file. If you have a paid custom template, you can ask the developers to fix it.

We are using the CSCart's own responsive theme, but we don't know how to edit css file. Below is the related part of the css file, what should we change or add to the file?

.ty-accordion .ui-accordion-header {
position: relative;
color: #7c7e80;
margin-top: 5px;
padding: 8px 12px;
border: 0px;
border-radius: 0px;
background: #e5ebec;
background-image: none;
font-family: 'Open Sans';
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

You can use this tool to check which part of css exactly has to be changed.

http://mobiletest.me

Check the responsiveTabs function in the js/tygh/responsive.js. Most possibly changes should be made there

cottonland Could you handle it? if you find can you share us? Thanks

cottonland Could you handle it? if you find can you share us? Thanks

No, i couldn't!

As ecomLabs wrote; Check the responsiveTabs function in the js/tygh/responsive.js. Most possibly changes should be made there

This is the way i hope, but i am not qualified in coding to make the change.

if you find can you share us?

if you find can you share us?

i couldn't make it!