[gorecwp]

Hello.

I need a bit of help with a few things on my site.
1. I have a mobile display problem on the page http://www.pufeta.si/tabela-velikosti/. If you click on the image to expand it on mobile it goes over the screen size. I would like to fix this. You should be able to zoom in on the picture but it must not go over the screen size. (https://pasteboard.co/JFaFSvS.jpg)

2. The additional information table has too much space between elements. I tried using CSS but I can’t get them closer together. Can you help me fix this? (example: https://pasteboard.co/JFaItag.png)

3. Is it possible to move product SKU code in a separate row?
(https://pasteboard.co/JFaGgkv.jpg)

Kind regards,
Zan

[Althemist]

Hello Zan,

1. This in NOT on mobile. It’s in the code inspector/mobile view, but it’s not even emulating a real device. Just the size. On a real mobile it works absolutely fine.

2. I can’t find a product with “additional information” tab on your site. Could you, please provide a link to such product?

3. You can use the following CSS:

.sku_wrapper {
    width: 100% !important;
}

Regards,
Dimitar

[gorecwp]

This reply has been marked as private.

[Althemist]

1. OK. Now I see what you mean. Unfortunately, this is not theme related. It’s how the PrettyPhoto lightbox work and PrettyPhoto is part of the WP BAkery page builder, not the theme. Actually, it’s the same on dektop, but less visible, because of the size. You can fix it to some extent with a bit of CSS, but it’s still not perfect and there is nothing more to be done. Something like this:

div.pp_pic_holder {
    max-width: 100%;
}

2. It looks like the latest WooCommerce added a P-tag in the table. We have fixed this. Update will be released later today.

Regards,
Dimitar

[gorecwp]

This reply has been marked as private.

[Althemist]

Hello gorecwp,

Yes, the fix was included in the latest theme update before the holidays.

[Author]

Posts