sdras / ecommerce-netlify

🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions

Home Page:https://ecommerce-netlify.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bug: footer links are squashed on mobile

dev-phantom opened this issue · comments

Issue Description:
On mobile devices, the footer links are appearing squashed and not rendering correctly. This issue affects the user experience as it makes it difficult to access important links and navigate the website effectively.

Steps to Reproduce:

  1. Open the website on a mobile device (e.g., smartphone or tablet).
  2. Scroll to the bottom of the page to view the footer.
  3. Observe how the footer links are displayed.

Expected Behavior:
The footer links should be displayed neatly and legibly on mobile devices, allowing users to easily access the various links and information provided in the footer.

Actual Behavior:
The footer links are squashed together, making it challenging to tap on individual links without accidentally tapping adjacent ones. This behavior is not consistent with a responsive design and impairs the user experience.

Screenshots :
Screenshot_20230905-192027

Proposed Solution:
Investigate and resolve the CSS or layout issues causing the footer links to display improperly on mobile devices. Ensure that the design is responsive and user-friendly across various screen sizes.