- This topic has 5 replies, 2 voices, and was last updated 1 year, 11 months ago by David.
April 28, 2019 at 4:17 pm #882606James
Hello! I’m a newer GeneratePress premium user and so far I’m loving the theme. I’m in the process of changing all of our sites over and I love the theme more each day. I’m running into one issue on a woocommerce site however.
I’ve noticed the product variation drop down box gets cut off on smaller screen sizes. It seems to be an issue with the variation label and the dropdown box being on the same line.
For example, I have an option where a customer chooses colors in a variation titled, “Background Color.” The label “Background Color” and the drop down box are on the same line on the woocommerce product page. It ends up displaying as two columns and this results in the drop down box being cut off on the right side on mobile and smaller screens. Everything still works it just looks bad.
Not a big deal but it becomes very evident with longer variation/attribute titles.
Is there any css or other easy way to move the label and drop down to separate lines or any other easy fix? I’m using the base premium theme (nothing from the site library) with the Woocommerce Module in GP Premium enabled. Site layout has content on the left and a right sidebar. Not using any page builder etc.GeneratePress 2.2.2GP Premium 1.8.1April 28, 2019 at 5:16 pm #882629DavidStaffCustomer SupportApril 28, 2019 at 6:11 pm #882646James
Thanks for the prompt reply! The CSS worked well to put the label and drop down menu on seperate lines. I like the look of this much better.
Unfortunately the variation drop down menu still gets cut off but only if it contains a long variation title. It appears the search box is automatically made wide enough so it can accommodate the longest variation title. (Makes sense.) If a variation name goes too many characters it eventually makes the box so big it gets cut off on smaller displays.
For now I suppose the easiest fix is reworking titles and keeping them short to avoid the issue as much as possible. Any other suggestions?April 29, 2019 at 5:13 am #883026DavidStaffCustomer SupportApril 29, 2019 at 6:39 am #883123James
Yeah I couldn’t find an easy solution either. I’ll just keep it simple and ensure I use shorter labels etc. I appreciate the help considering this was more of a woocommerce issue and not so much the theme. Thanks again!April 29, 2019 at 6:40 am #883126
- You must be logged in to reply to this topic.