Solved

Hey You! Do you know how to move search icon from the left to the right on mobile only? Thanks

Noblec
Shopify Partner
54 3 14

Hello, I've been trying to move the search Icon from left to right (on mobile only) like it shows on desktop. Here is the site in development. 

https://nsimerch.myshopify.com/

If anyone could help, that would be great. Thanks 🙂

Accepted Solutions (2)

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Noblec 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 729px){
.site-header .wrapper.header-wrapper .grid  .grid__item  .inner-nav-containers .site-nav__item:nth-child(2) {
	    position: absolute;
            right: 35px;
}
}

 

View solution in original post

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
@media screen and (max-width: 769px){
.nav-container-left-icons .js-drawer-open-button-top{
display: none !important;
}
.nav-container-right-icons .site-nav__item{
display: inline-block !important;
}
}

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 3 (3)

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @Noblec 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 729px){
.site-header .wrapper.header-wrapper .grid  .grid__item  .inner-nav-containers .site-nav__item:nth-child(2) {
	    position: absolute;
            right: 35px;
}
}

 

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
@media screen and (max-width: 769px){
.nav-container-left-icons .js-drawer-open-button-top{
display: none !important;
}
.nav-container-right-icons .site-nav__item{
display: inline-block !important;
}
}

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Noblec
Shopify Partner
54 3 14

Legends! Thank you very much and sorry for the late reply. Much appreciated.