Line Spacing For Category's Responsive Theme

How can I increase the line spacing on the vertical dropdown category menus. The spacing is too close to make selection of an item on mobile

Thank you

Please provide us with the screenshot

eCom I am Unable to take a screenshot on my mobile. You can see the menus on mobile on the homepage at

http://primequalityproducts.com

I would like there to be more space separating the items vertically.

Thank you

Try to add the following code to the CSS section of the Them editor

@media (max-width: 767px) {
     .ty-menu__item {
        .ty-menu__item-link {
            padding: 14px 20px;
        }
    }
}

I pasted the code but got an error. Now the editor is blacked out and I can't see to change anything.

see attached. I tried clearing the cache but didn't help. How to proceed?

parsed error.jpg

eCom- can I put this code into the responsive/css/tygh/responsive.less/ line 275/276

/* Menu
========================================================================== */
.ty-menu__item .ty-menu__item-link {
padding: 14px 20px;

Attached is my theme editor page after entered a code in the css. Can anyone tell me how to get out of this? I tried clearing the cache but that didn' t help. My site is off line now and I need to get back on.

Thank you

screenshot of theme editor with error.png

Looks like you did not copy the code correctly. You can manually edit the style here

design/themes/THEME/styles/data/STYLE.css

Then clear cache

ok as always you are right -Was missing the final brackets. Thanks all working now.The top menu is changed but The two category is not. Where can I find the category settings?

Thanks again

What do you mean by "The two category is not"? Please clarify

eCom These two lists are category blocks> I would like to increase the spacing on these on the mobile-

category blocks home page.jpg

Try

@media (max-width: 767px) {
    .ty-text-links__item {
        padding: 10px 0px;
    }
}

eCom Thank you it works

You are welcome!