Adjust space between header icons in mobile navigation

Solved
Highlighted
Excursionist
39 0 10

I'd like to pull the icons in my header navigation (search, account, cart) closer together, but only on my mobile site. Can anyone advise? 

 

Site is www.trinketbk.com and password is eallaw. 

0 Likes
Highlighted
Shopify Partner
674 110 152

This is an accepted solution.

@erika71690,

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file
 
@media only screen and (max-width: 700px) {
  .site-header__icons-wrapper a {
    padding: 3px;
}
}
 
 
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

1 Like
Highlighted
Tourist
8 0 1

Hi I can't find where to adjust the MENU icon a little to the left, because on my iPhone XS the MENU word is cropped because of margin on the right

Refer to image below:

drearom_0-1603179699865.png

 

Website: steriwand.ph 

 

Thanks

 

 

0 Likes