Link in mobile header button does not work

I have two small issues.

1. The link function in the mobile header button i set up does not work.
see attached image.

2: How to customize label sizes (new, sale)
On product pages the labels appear to be to small after my taste.
The small size fits well with the smaller images on the shop main page.
see attached image.

Also can i change the background color of the labels?

thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

1) Please provide admin panel login details of the website to check it myself and help you out accordingly.

2) For the product label try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-label.onsale {
	background-color: red;
	height: 50px;
	width: 100px;
	color: black;
}

You can adjust the height and width and colors accordingly.

Best Regards.

below is the access details tio check the link functionality of mobile header.

regarding the label.
1 – Your code change the size of the label on both product and shop page. I would prefer only to change lable size on the larger product images and not on the smaller shop imagaes.

Furthermore it does change the size of label but not the text within. can you please advise.

thanks!

Hello,

1) For the button link. Please deactivate all the third party plugins, activate parent theme. Clear cache and check back.

If the problem continues then leave the plugins deactivated and tell me with the permission to debug the issue then we will troubleshoot with theme plugins.

2) Please replace the previous CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single-product-page .onsale.product-label {
	background-color: red;
	font-size: 20px;
}

Best Regards.

[Author]

Posts