Social plugin break design

-- url of the page with the problem -- : www.nomadsroad.com/fr/boutique/produit/n...s-de-la-savannah-way
-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.18
-- Browser(s) name and version -- : chrome

Hi,

I intend to setup Hikashop Product Display
But I get some issue on Social button display, when I select right position this break everything


and if I select Left my product image is reduce and push on right with big white gap under social button, is it possible to display the in one column, like shown with red arrow


Any help to fix this dispaly issue will be nice
Thanks in advance

Hello,

I will answer you step by step, because there is 2 different things in your message.
1. "when I select right position this break everything"
=> This is maybe leads from your template, but can't be sure of it.
Can you try to process some tests with a default template like ProtoStar to see if that solve your issue ?

2. "is it possible to display the in one column, like shown with red arrow"
=> Yes, for this you can add some Custom Css, see this tutorial to see how to proceed.

We recommend to use the style.css file to add your custom css code and add it at the end of your file, this will be more easy to find later and will increase your command priority.

Hope this will help you to achieved what your needs.
Regards

Thanks for the link to change CSS file, but I can't find any line about hikashop_social in any of them, frontend CSS file or Style for Frontend

Where to modify class="hikashop_social_tw_horizontal" because if I remove horizontal, I get something correct, and I can't find any CSS for class="hikashop_social_tw_horizontal"


Thanks in advance for your help

Hi,

I think you can fix that by adding such CSS:
.hikashop_product_page form > .hk-row-fluid { clear: both; }
monosnap.com/file/f9WjuXXJ3vTKDTHdVj2gZYGtAjhly3

Wonderful, that work now with better view

Thank you very much