Issues with mobile version

  • dino01

    (@dino01)


    3 months ago

    I have been trying to optimize the website for mobile usage [ipad and mobile], but there has been repeat issues with the product page. The “select” option tends to stretch on the mobile site, causing the words to break into parts (for example, Type/Colour becomes Type/Co lour).

    I’m currently using Woocommerce and thus, am not sure how I could improve it? Would be grateful if someone might be able to point me in the right direction.

    Thank you in advance!

    The page I need help with: [log in to see the link]

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

  • Hi @dino01

    I checked your site’s shop page in mobile and the words are not cut off. ‘Type/Colour’ appears in one line. Here’s how it looks on the Panda Tea Set bundle, see screenshot: https://supportmedia.tech.blog/wp-content/uploads/2024/09/panda-tea-set-bundle-d-no-coffee-tea.jpeg

    If you’re still seeing words that are cut off, clear your mobile browser cache or try to use another browser and check again. On the other hand, if this is solved, you can mark this topic Resolved or let us know. ??

    Thread Starter dino01

    (@dino01)

    Hi @kel-dc ,

    Thank you for the reply!

    I apologize for not being more specific. I do not have issues for most of the devices, but when I used ‘inspect’ and tried to see how the page will look like for iPad Air, the words start to run (formatting-wise it becomes one letter per line.

    I tried clearing the cache but doesn’t seem to work.

    Thank you!

    Hi @dino01,

    I was able to reproduce the issue on my Android phone using Chrome, but it only occurs for the type/colour option. The line for the type/colour option is longer than the tea/leaves line on the page I tested: https://dnocoffeeandtea.com/product/panda-tea-set-bundle/.

    Could you try making the title shorter (for example, changing ‘type/colour’ to just ‘type’) and also test reducing the size of the dropdown menu options? I believe the issue might be that there isn’t enough space for them to display on a single line in mobile.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.