Product text on smaller view / mobile etc

Hi there, when you come down to mobile view the text such as ADD TO BASKET runs off the side of the product and looks quite untidy, is there no way to make the text sit better and resize down to fit the box it sits in?

Example image gives good example.

Attachments:

You must be logged in to view attached files.

Hi,

Please, send us a link where we can see this issue.

Thank you

It is shown clearly on your own demo

https://demo.xtemos.com/basel/home-flat-full-width/

Add the following code snippet to the Custom CSS for mobile devices in Theme Settings to decrease button font

.basel-hover-quick .quick-shop-btn>a {
	font-size:12px;
}

Regards

I have added the CSS to where you specified there is no change at all?

Any other suggestions?

Send us a link so we can check it.

Regards

Attached code added and private link of site to review

The code seems to be modified https://gyazo.com/5b70fe2e8860163fc0bb5fa28eb07d5b
Check > sign.

Regards

Still doesn’t seem to be working on my mobile, even if it dragged the browser as shown in the attached would it not then resize the font size? It’s not as in the shown example showing screen shot of desktop and the smaller version.

Both showing the same size via font face ninja.

image from previous post

Attachments:

You must be logged in to view attached files.

Also the logo is not showing on my mobile see attached image.

Attachments:

You must be logged in to view attached files.

But the code is still wrong. Please, check it.

Here is a fix for mobile logo also

.sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-logo {
	white-space : nowrap;
}

Cleared my mobile cache – neither changes have taken place?

P.S. the fixed header and sticky header of the logo on mobile view are not showing.

The code is still wrong. Please, provide us your admin panel and we will add it properly.

Regards

[Author]

Posts