Content overflow issue in woocommerce store notice popup

[baroliyamayur]

Content overflow issue in woocommerce store notice popup in mobile device.

Page URL:- ​https://mercantile.wordpress.org/

Issue Screenshot:- ​https://share.cleanshot.com/rcBJKKd86Cn0rL1n7wQ7

[baroliyamayur]

Please use the below CSS to resolve the issue.

.woocommerce-store-notice, p.demo_store {
    box-sizing: border-box;
}

See output: ​https://share.cleanshot.com/dylWgNJpqNfrdWSvmnkc

[ashrafulsarkar]

Duplicate of #6904.

[viralsampat]

Hello Team,

I have added the above-mentioned issue CSS.

.woocommerce-store-notice, p.demo_store {
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
	body .woocommerce-store-notice, body p.demo_store {
	    position: relative;
	}

	body .woocommerce-store-notice .woocommerce-store-notice__dismiss-link, body p.demo_store .woocommerce-store-notice__dismiss-link {
	    position: absolute;
	    right: 0px;
	}
}

Here, I have provided its video after adding the above CSS.

​https://share.cleanshot.com/yskjhYcgSg4Bv6HdqQ8t

Thanks,