Liquid, JavaScript, themes, sales channels
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 🙂
Solved! Go to the solution
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;
}
}
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;
}
}
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;
}
}
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;
}
}
Legends! Thank you very much and sorry for the late reply. Much appreciated.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024