Hi
pls could u provide a solution to getting rid of the animation on mobile view when i click on the search bar brown screen comes up can u make it transparent so it stays clear until i type in search bar or a result comes up.
URL: smartappliancesonline.co.uk
Theme: Warehouse
Current:
Wanted result:
Cheers
This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.
Regards your concern to change the behavior animation of the Search bar
Step1: Online Stores > Themes > More Action > Edit code
Step2: Find theme.css > in this file you should find the block code like this
Step3: Modify the code to:
Its should be look like this:
/* .header__search-bar-wrapper.is-fixed {
position: fixed;
top: 0;
left: 0;
height: 100vh;
z-index: 10;
} */
The code block should stay inside the /* and */
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
PageFly
@chrisjames11
Hello,
@media screen and (max-width: 640px)
.header__search-bar-wrapper.is-fixed {
position: fixed;
top: 0;
left: 0;
height: 71px;
z-index: 10;
}
Find and Remove or Comment this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Like This
