A user encountered an unwanted white space appearing above their announcement bar on both desktop and mobile versions of their Shopify store using the Feather theme. The issue appeared after editing some code.
Solution provided:
A screenshot was included showing the expected result after applying the fix. The discussion appears resolved with a working CSS solution to eliminate the white space.
I am not sure what code i edited to have this happen but there is suddenly a white bar above my announcement bar that I would like to get rid of that was not originally there. It is on both desktop and mobile. I am using the theme feather.
url : www.solbarasocks.com
Hello @solbara
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
.utility-bar.color-scheme-1e643c34-cccc-4145-9211-3c2feb04a61c.gradient {
background: #393934;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
