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

Solved
Noblec
Explorer
49 3 13

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

0 Likes
Natztech
Shopify Partner
1889 489 1171

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;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Noblec
Explorer
49 3 13

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

0 Likes