sami35

The custom code I added:

span.onsale

{ 	width: auto; 
	height: auto; 
	background: #F7941F;
	-moz-border-radius: 100px / 50px;
	-webkit-border-radius: 100px / 50px; 	border-radius: 5px / 5px;
	margin: -21px -17px;
	text-align: center;
	color: white;
	padding: 0px 3px;

}

• This reply was modified 3 years, 1 month ago by sami35.

Thanks a lot everyone!

Here is the screenshot
https://snipboard.io/BrYfiu.jpg

Thanks, but it didn’t work either.

Thanks a lot.
But I can’t find the line

word-break: break-word;

anywhere.

Is there another way to resolve this problem using css?

Thanks a lot everyone.

actually I don’t know much about selectors.

What can i do?

@omarelhawary Thanks for the answer.

But it didn’t work.

Thanks a looooooooooooooooooooooooot!
??

Ohh! Thanks for this answer.

But for now I want the product images in different sizes. Can you check the shop page on mobile view again and provide a solution.

I want, for now, to align the product images centre on mobile phone.

I’ll change the image sizes afterwards.
Thanks a lot.

Thanks for the answer.

But, please click on the menu icon right after the page loads.

Actually the delay is happening right after the page loads!

Thanks for the 1st answer.

This is the link, here I have described my problems:
https://www.21aboimela.com/problem/

Just to know, Are you from Bangladesh?

Thanks a lot, it worked!