Image & Text Bakery widget on Homepage

[mikestar]

Hi Harry,

The image and text tool works fine to display image and text written on top of image. However, on mobile site the text-background strip becomes too big and thus hides a lot of portion of the image. How can we reduce the size of the text’s background strip (border fill) so that it becomes smaller on mobile site? Also, would be great if we can reduce that text size slightly on mobile site.

 

Regards,

Mike

[Harry]

Hi Mike.

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.product-category h2, .jas-banner h3 {
	font-size: 11px;
}}

and change 11px with your number

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Awesome Harry. Thank you. Can we also reduce the border size height (white space) that appears in the background of the text?

[Harry]

Hi Mike,

Please change prev code to

@media only screen and (max-width: 736px) {
.product-category h2, .jas-banner h3 {
	font-size: 11px;
	padding: 5px 10px;
	min-width: 95px;
}}

Btw, your support expired. Could you please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop and improve our theme.

Thank and regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts