Dawn Theme - Navigation bar icons and logo squashed? Unknown cause

Store Design
, , ,
1

Hi hi,

So, I thought at first that it was my logo in the nav bar being squashed to be narrower, but then I realized that the Search icon and account icons and cart icons are all squashed. I’m not sure what part of the code I changed to have caused this, I’ve been unable to identify the cause in inspecting elements.

link

1 Like
2

Hey @Boyang

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.link, .customer a {
    transform: unset !important;
}
</style>

RESULT:

image
image1373×570 57.8 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

3

@Moeed is spot on – stop using transform everywhere – it has some side-effects, as I’ve pointed out in another your topic.

If you feel that your font horizontal spacing is too much, then rather use the letter-spacing to control this aspect, like

a {
   letter-spacing: -1%;
}

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it