How to make the icons and navbar link text small and perfect for both dekstop and mobile devices

How to make the icons and navbar link text small and perfect for both dekstop and mobile devices

Soul07
Visitor
3 0 0

Navbar Adjustments (Desktop & Mobile)

Desktop:

  • Make navbar text and icons smaller for a sleek, minimalist look.
  • Ensure icons (search, cart, etc.) are uniform in size to match the text styling.
  • Reduce any extra spacing between icons and text for a tighter layout.

Mobile:

  • Bring the search and cart icons closer together to remove unnecessary gaps.
  • Make hamburger, search, and cart icons smaller for better proportion.  
    OR
  • If possible, move the search icon next to the hamburger icon on the left side.
  • Optimize spacing to ensure a compact and balanced navbar layout.


site link: https://s1wpe5-nr.myshopify.com/
Pass: 1

reference style:  

Soul07_0-1741366356051.png

 

Reply 1 (1)

Soul07
Visitor
3 0 0

Anyone with any solution???