Hi @shotzie17
Login to the dashboard and click on the customize button where you’ll get option from the theme to increase the dropdown field size.
Alternatively, you can copy and paste the below code in Appearance -> themes -> customize -> additional CSS :
select#product-categories-640bc4d954857-select {
width: 300px!important;
min-width: 300px!important;
height: 40px !important;
}
Please let me know if the issue still persists.
Thanks,
Sajith
HI,
The code did not work to expand the menu.
I don’t see the above code in your page. Did you insert it as described?
How would you know if the code is in there?
unfortunately I am not a web designer. Doing this without help which is hard.
The code, if you inserted it as @sajithv described, should be present in the output of the web page. You don’t need to be a designer to insert it. Just follow the way he described.
still having problems with the dropdown menu
Why? What problems do you have specifically?
I am trying to make the dropdown menu larger and easier to read especially on a mobile phone.
The solution to this has already been written to you above by @sajithv. What is the problem with the implementation?
I guess I just don’t know what I’m doing. Need a web designer. Any ideas?
.wc-block-product-categories.is-dropdown {
font-size: 120%;
}
To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.
Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
Steven, are you a web designer?
No one would accuse me of having design skills. 🙂
Actually I am serious. I need someone I can trust to put this in code in for me. I built the site myself but don’t know coding.
