Homepage categorie images ana chekout page size porblems on mobile

The font under the category images on the “Home” page are not the same size.
Can you adjust the font so that the picture frames are the same.

the lower area is not displayed correctly on the checkout page.

I have these problems only on the mobile version.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

As for the product categories on mobile, this is caused by different title lengths. Please add this code to the Theme Settings > Custom CSS > Tablet/Mobile/Landscape:

	.cat-design-default .wd-entities-title {
	min-height:45px;
	}
         body .cat-design-default .hover-mask{
	min-height:90px;
       }

As for the checkout, the translation is longer than the original which is why it is broken.

Please try this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 400px){
	table.woocommerce-checkout-review-order-table th,
	table.woocommerce-checkout-review-order-table{
	display:inline-block;
	}
	table.woocommerce-checkout-review-order-table tfoot tr,
	table.woocommerce-checkout-review-order-table tfoot th{
	display:block}
}

Best Regards

thanks for the first css.
it helps me a lot.

As for the checkout css.
I am not so satisfied with the view on mobile. Can you optimize the css?

Attachments:

You must be logged in to view attached files.

I have found this topic: https://xtemos.com/forums/topic/checkout-page-responsiveness-issue-in-mobile-view/

Thanks for help!
Have a nice day.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts