How can I adjust the space between search and cart icon in mobile view?

Store Design
1

Hi there, I would like to decrease the space between search + cart icon and justify them right in mobile view and align the logo in the center in the mobile view. Any tips how to do this? Now the logo is not in the middle and there’s too large padding between the icons in mobile view.

I’m using the theme Motion and here’s the preview: https://9neowktjn24bvcm1-25465225306.shopifypreview.com

Thank you so much for the help!

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media only screen and (max-width: 768px){
.site-nav a{
padding: 3px 5px!important;
}
.header-item.header-item--logo {
padding-right: 10px;
}
}
3

Ah, perfect! It worked like a charm - thank you so much!!

Any way to make logo now a bit larger?

Thanks again ZestardTech

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
img.medium-up--hide {
max-width: initial;
}
1 Like
5

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.