Return to previous page

Help to display buttons on product page? plz!!

This topic has 4 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

groubee

Participant

October 5, 2015 at 22:01

Hi

This is how it looks now on iphone 6: https://www.dropbox.com/s/sk0bfnsvgza5uoh/IMG_8344.PNG?dl=0
and this is how it looks in mobile landscape mode on iphone 6: https://www.dropbox.com/s/bt2y1uw1rf1o7tt/IMG_8345.PNG?dl=0

I really would like it to show nice? this dont look good? Cant it be shown align left on mobile with 10 px padding? and aligned with same size on mobile landscape mode? (one line inside the button).

I really look forward to get this to work on mobile, iPhone and Android!

I really hope you can help me??

Best regards

Tonny

#91544 Copied Theme version: 2.4 WooCommerce version: newest version

3 Answers
Eva Kemp

Support staff

October 6, 2015 at 10:01
Hello,

Please use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.product-information .cart button[type="submit"] {
    width: auto !important;
}
```
and this code to the section “Custom CSS for mobile landscape”:
```
.product-information .cart button[type="submit"] {
    width: auto !important;
    height: 39px !important;
}
```
Regards,
Eva Kemp.
#91659 Copied
groubee

Participant

October 6, 2015 at 10:46

Hi

it looks good on iphone mobile now…
But I still have this view on mobile landscape: https://www.dropbox.com/s/bt2y1uw1rf1o7tt/IMG_8345.PNG?dl=0 ?

#91678 Copied
Eva Kemp

Support staff

October 6, 2015 at 12:44
Hello,

Did you add this code in Theme Options > Custom CSS > Custom CSS for mobile landscape?
```
.product-information .cart button[type="submit"] {
    width: auto !important;
    height: 39px !important;
}
```
Please do it.

Regards,
Eva Kemp.
#91731 Copied
Tagged: buttons, display, help, product page, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)