Ecommerce product page using sass, vuejs 3, responsive, mobile first

Community feedback

• 

  Nathan•90

  @AyddanPosted over 1 year ago

  Hi s17 !

  Can you be more precise on your problem ? So i can dig into it ?

  0

  ---

  

  s17•60

  @s17-gitPosted over 1 year ago

  @Ayddan thank you for your interest into my project. I mean, I've difficulties with my pannier when I'm on lanscape view, it create a horizontal scroll bar.

  0

  

  Nathan•90

  @AyddanPosted over 1 year ago

  @s17-git To prevent that you should put an overflow-x: hidden to your body. It will prenvent the scroll bar on pc but you should change the left position of your pannier depending the resolution to prevent it to go out of the window.

  Hope it help

  0

  

  s17•60

  @s17-gitPosted over 1 year ago

  @Ayddan, So the left position should be adapted to every viewport I want to support ? thank you. I thought that there is all in one solution.

  One last think, I've update my project by correcting keyboard navigation issue but my github is not updating

  0

  

  Nathan•90

  @AyddanPosted over 1 year ago

  @s17-git,

  One all in one solution can be to set the position of the panier to right: 5px for example but it will not match the design. for my solution you just have to make one adjustment at 1250px and change the left position to be into the viewport. Another solution could be to set the position of your panier relatively with the panier icon, but i always try to give the simpler solution with the code you have already produce.

  Your github

  Have you commit and push your code ? Are you on the branch you think you are ?

  0

  

  s17•60

  @s17-gitPosted over 1 year ago

  @Ayddan , thank you I'll try it.

  My Github Yes I pushed I'm on the same branch main but I'm using a gh-pages subtree to host my page.

  0