vuestorefront/vue-storefront

Layout issues

mattbrailsford opened this issue · 1 comments

Environment

Demo store

Reproduction

Out of the box

Describe the bug

In reviewing the vue storefront demo project for an implementation, I'm finding a few layout issues a problem.

  1. Carousel text overlaps image on homepage

image

  1. Homepage banner text overflows into images

image

  1. Logo touches the left hand side, and country/cart icons go behind scrollbars (I think it should have some padding either side)

image

  1. I'm not sure if this is by design, but the quantity fields in the cart dialog overlap the image stopping you from seeing the product image well

image

  1. In the same cart, there seem to be some attributes attached to the Smith Journal entry when added to cart which causes disappear on rollover causing the quantity field to jump

image
image

  1. There is a lack of padding in the search box so the text touches the side

image

  1. Inconsistent bottom margin on homepage newsletter banner

image

  1. Banner text overflowing on mobile

IMG_0632

Additional context

No response

Logs

No response

Related to the old demo, so I'm closing.

Thanks for reporting though!