Dear @georgiaharizani
Store Notice should be working on Mobile:
[image: 1629866568509-screen-shot-2021-08-25-at-4.42.06-pm-resized.png]
Your's is hidden due to "top: 122px"
[image: 1629866732139-screen-shot-2021-08-25-at-4.45.00-pm-resized.png]
My CSS:
.woocommerce-store-notice {
margin-top: 0;
margin-bottom: 0;
text-align: center;
overflow: hidden;
width: 100%;
z-index: 21;
}
Your CSS:
@media (max-width: 1080px)
.woocommerce-store-notice {
position: relative;
top: -122px;
left: 0;
width: 100%;
padding: 10px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
I thought it may have been Custom phone layouts clashing with the store notice but this is not the case. Please make sure Text Formats and Media Query settings are correct.
[image: 1629867199545-screen-shot-2021-08-25-at-4.50.48-pm-resized.png]
Wordpress, Lay Theme & Laytheme's Addons are all up to date ?
Any custom CSS or JS that may interfere is temporarily removed.
Any third-party plugins are de-activated to see if this resolves the issue.
If using a WordPress Cache plugin, disable it or clear your cache.
Best wishes š
Richard
