Umimo Single Product Elementor Pro

[adrianazitacampos3981]

Hello,

In the tablet view, while using the Umimo Single Product, it is possible to edit the size of the typography of the name of the product and the description but not the size of the price which means that in the tablet view the prices overlap other product’s prices. (you can confirm in this screenshot – https://paste.pics/d450bbc2cc3eefef49a4d0cf2d31f836)
How can we change this?

Also in the tablet view, is it possible to change the size of the button only in the tablet view? (you can see what I mean in this case, here – https://paste.pics/988812b9aa8a58d65ccd8f19e93253cd)
How can we change this?

Thank you in advance!

• This topic was modified 2 years ago by adrianazitacampos3981.

[Billy Nguyen]

Hi,

Please add this CSS code to file style.css (child-theme):

@media (max-width: 1024px){
.umimo-elementor-single-product .price{
font-size: 16px;
}

.umimo-elementor-single-product .shop-button a[class*="product_type_"]{
padding: 12px 10px;
    font-size: 14px;
}
}

On a tablet or mobile, there is a small area, so you should only set up the number of items/row about 2 or 3

[adrianazitacampos3981]

Hello,

Thank you, but we still have the price overlaying other products in some cases. (https://paste.pics/b0f2e11ee16a54a97b47a6c208989f8d) Can we still do something about this?

Thank you!

[Billy Nguyen]

On a tablet device with a small area, you should put 3 or 4 products to have enough area to display the information and not overlap.

[Author]

Posts