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

Technical Q&A
1

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 :slightly_smiling_face:

2

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

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

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