Raphael theme UI issue.

[abasith]

Hi team,

In raphael theme single product page have small UI issue.

The gap between "product gallery" to "product description" is seems high. If we reduce it the page will look more nicer than now. Please check with mobile view too.

Please can you lookout this and sort it out?

link: https://raphael.alidropship.com/pet-hair-remover-roller/

Screenshot attached.

 

[abasith]

please check this theme gap. its not much like raphael theme. so looking good. https://elgreco.alidropship.com/genuine-leather-watch-with-copper-face/

 

[chris37]

Hi team,

In raphael theme single product page have small UI issue.

The gap between "product gallery" to "product description" is seems high. If we reduce it the page will look more nicer than now. Please check with mobile view too.

Please can you lookout this and sort it out?

link: https://raphael.alidropship.com/pet-hair-remover-roller/

Screenshot attached.View attachment 13239

Did you try to apply any css ? This is something you easy can do it your self

 

[chris37]

please check this theme gap. its not much like raphael theme. so looking good. https://elgreco.alidropship.com/genuine-leather-watch-with-copper-face/

This one is a pay theme , ofcource they give more attention here then the free one you have.

 

[Ecomm]

Apply CSS on custom area not directly on the theme because on the next update it will be overwritten.

 

[chris37]

Hi team,

In raphael theme single product page have small UI issue.

The gap between "product gallery" to "product description" is seems high. If we reduce it the page will look more nicer than now. Please check with mobile view too.

Please can you lookout this and sort it out?

link: https://raphael.alidropship.com/pet-hair-remover-roller/

Screenshot attached.View attachment 13239

use this css code in your custom css area

.single-product .product-main {
    margin-bottom: -50px;
}

Play with the number for you find how you like it.

 

[tmvfalcao]

use this css code in your custom css area

.single-product .product-main {
    margin-bottom: -50px;
}

Play with the number for you find how you like it.

Hi,
Sorry about my ignorance, but where is the costum css area where can I put this css code?
It's really a high gap.
Thank you

 

[Ecomm]

Hi,
Sorry about my ignorance, but where is the costum css area where can I put this css code?
It's really a high gap.
Thank you

Customization->Head

 

[chris37]

Customization->Head

nice to have my back

 

[tmvfalcao]

Customization->Head

Thank you!
I already put that code and now the gap is smaller.

 

[abasith]

use this css code in your custom css area

.single-product .product-main {
    margin-bottom: -50px;
}

Play with the number for you find how you like it.

@chris37 Thank you very much. your code is working

 

[Ekaterina Sayapina]

Thank you for bringing this to our attention! We’ll fix the issue in the next theme update.

 

[eventsoutfit]

Thank you for bringing this to our attention! We’ll fix the issue in the next theme update.

I think there's more issue with Rafael theme than above, I noticed that on desktop, the right side of the screen can be unresponsive and not clickable, especially the cart at the top and some products that are leaning to the right end side. One has to move the mouse a bit to the left side of the product to be able to click on it, otherwise, it won't open, and for the cart at the top, you have to reload the page and quickly click on it before the page fully loads for it to work, but it is working fine on mobile without issue.

 

[chris37]

@chris37 Thank you very much. your code is working

You are welcome.