[mcksusan]

How do I make the dropdown menu box taller? I adjusted some fonts and spacing because there was too much space on the page, but now my dropdown menus don’t display correctly. They are too short to display the text choices. See an example here:

http://ganachecakesnbakes.com/shop/

On the right side of the page there is a drop down that allows the user to sort the products listed by popularity, price, etc… But you can’t see the text in the dropdown.

Thanks,
Susan

[Rabin Shrestha]

Try pasting this CSS in your custom CSS box

#main .woocommerce-ordering select {
    padding: 5px 15px;
}

Rabin

[mcksusan]

Thanks Rabin, that worked for the main shop page: http://ganachecakesnbakes.com/shop/

However, from the SHOP page, a user can click on a product for purchase. When you go to an individual product page, the drop down is again too short. Do I need to add similar code but for #submain or something like that? Example is here:

http://ganachecakesnbakes.com/product/basketball-cake/

Thanks,
Susan

[Rabin Shrestha]

Hi Susan,

It looks fine to me.

Rabin

[Author]

Posts