Product options not responsive

-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.4

Hi,

I added a product option to one of my products.

Everything went smoothly but when entering the product page from a mobile (Iphone 5) it doesn't look very good.

I have attached a picture where I explain it better.

Best Regards,

Hi,

It should be easy to customize with a bit of CSS code.
Please provide a link to that page so that we can see the problem if you want us to give the exact CSS to use.

here is one example:

vali.se/kop-nu/product/132-nivea-men-rakkram

Hey, I just turned on vote & comments for products and I have the same issue.

Where the user enters his username. See attached image.

Hello,

I will show you step by step how to custom your CSS, That will solve your trouble.
Take care to follow precisely ALL steps.

1° Go to the Components -> HikaShop -> Configuration



2° Click on "Display" tab




3° Click on CSS




4° Here, on Front-end CSS File you must have selected "custom" BUT if not, select it!



5° Click on the little pen/ "edit" icon



6° Copy & Paste this code :

/* ADD CSS CODE HERE !!! */

@media only screen and (max-width:400px) {
select #hikashop_product_option_0 {
width: 100%;
}
}
/* CUSTOM END */

AND don't forget to save !!!



If I'm right your issue will be solve with this.

Regards,

Hi, I am sorry but it didn't work...

*just took care of it, changed the code to:

/* ADD CSS CODE HERE !!! */

@media only screen and (max-width:400px) {
.hikashop_product_options_table select{padding:2px; color:#666; width:100%}
}
/* CUSTOM END */