Responsive design glitches with Boutique

  • Resolved Tomas

    (@tzw)


    9 years, 9 months ago

    I’m using Boutique on https://www.stickers.se

    All is working well for the moment, except for a couple of annoying responsive design glitches:

    1) The red price tags floats to the right of the product photo when viewing the site on an iPad or an iPhone in landscape orientation.

    2) The text on the green Add to cart buttons (“L?s mer…”) are displayed in two rows on an iPad, no matter of orientation.

    How can I fix this? Thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey,

    1) This isn’t really a glitch, the price is positioned in accordance to the li which wraps around the entire product. The issue here is that your images do not fill that space. I recommend uploading larger images, or increasing the image dimensions sizes in the WooCommerce settings.

    2) I’m not seeing that, where does the text break?

    Thread Starter Tomas

    (@tzw)

    1) Okey, I changed catalogue images and single product images to 800 px. Seems to do the trick.

    2) It breaks between “L?s” and “mer…”. Only on the iPad.

    Thanks for your answer!

    That’s strange. I have seen things this happen when using non-english characters with certain fonts. Just to rule that out, try changing the font to see if that helps.

    Thread Starter Tomas

    (@tzw)

    Thanks for your reply. Didn’t try changing the font but:
    Tried using ä instead of ? but that didn’t do it.
    Ended up removing the “…” and now it fits on one line.

    Cool, glad it’s sorted!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive design glitches with Boutique’ is closed to new replies.