Woocommerce Product Filter's attributes going off side of screen on mobile site

  • I have been using Woocommerce Product Filter to allow customers to select a watch by it’s different attributes (case material, bracelet, sze) on my website. On the desktop version the attributes all show up and are aligned vertically. But on mobile they align horizontally and go off the side of the screen. I have tried adding max-width:100%; height: auto; to the product filter’s css but it didn’t work.

    Also I noticed the attributes on the desktop version are not lining up properly. If I have too many attributes they will show up on the same line while others are on the next line.

    Here is a page where it is happening: https://ecjluxe.com/product-category/blancpain/

    My plugins are Akismet, Contact Form 7, Envato WordPress Toolkit, FitWP Quick Text Replacement, Go Daddy Quick Setup, Product Enquiry Pro for WooCommerce, Visual Composer Modal Popups, WooCommerce, WooCommerce Product CSV Import Suite, WooCommerce Product Filter, WooThemes Helper, WP101 Video Tutorials, and WPBakery Visual Composer (Artbees Modified Version).

Viewing 1 replies (of 1 total)
  • Thread Starter shawnecjluxe

    (@shawnecjluxe)

    Okay, never mind about the mobile version issue. I just resolved that. My attributes are still not aligning correctly on desktop though. How do I get them to either all line up vertically with only one attribute (or two for the case width) per line. I want them to look as uniform as possible.

Viewing 1 replies (of 1 total)
  • The topic ‘Woocommerce Product Filter's attributes going off side of screen on mobile site’ is closed to new replies.