iPhone width shipping_country_field

[hgregorio]

Hello,

I’ve tried many things to adjust the shipping country field. For some reasons I want to have that with 50% width. I changed for the billing country the width by adding a custom css-rule, which works fine.

Then I also tried to use it for shipping country and it works fine on all desktop browsers. But when I use an iphone, the billing country has got the right width but the shipping country-field has still 100% width.

I don’t know where I should change that width.

[Rui Guerreiro – SUPPORT]

Hi,

In your css rule that makes it to 50% width, can you try to add the !important
If you have something like this

.someclass{
width:50%;
}

change it to

.someclass{
width:50%!important;
}

-Rui

[hgregorio]

I use it already and works fine for all classes, but not on that special field on an iphone.

http://hydrostatin.com/de/

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px){
.woocommerce form #shipping_country{
width:50%!important;
float:right!important;
}
}

-Rui

[hgregorio]

It works. Thank you so much!

[Rui Guerreiro – SUPPORT]

Great. No problem.
-Rui