Return to previous page

How to align to button on product page on mobile

This topic has 6 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

groubee

Participant

September 28, 2015 at 14:00

Hi

This is related to this ticket:
https://www.8theme.com/topic/can-you-help-me-align-to-buttons-on-product-page/

The buttons are not align on mobile, see https://www.dropbox.com/s/6rwjzlref8rp097/button%20on%20mobile.png?dl=0

Would it be possible to make both buttons size like the green button and aligned?

Best regards
Tonny

#89699 Copied

5 Answers
Jack Richardson

Support staff

September 29, 2015 at 09:38
Hello,

Please use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.product-information .cart button[type="submit"] {
    width: 100px !important;
    line-height: 15px !important;
    height: 55px !important;
}
```
Best regards,
Jack Richardson.
#90098 Copied
groubee

Participant

September 29, 2015 at 13:02

Hi

It dosen’t look good on mobile landscape, see
https://www.dropbox.com/s/dsv1a2vw42cbgfa/Custom%20CSS%20for%20mobile%20landscape%20on%20iphone-safari.png?dl=0

I have tried to add it to “Custom CSS for mobile landscape” but it still dont look right.

Best regards
Tonny

#90192 Copied

Jack Richardson

Support staff

September 29, 2015 at 14:37

Hello,

I’ve checked the buttons in landscape mode and they are shown fine:
http://storage3.static.itmages.com/i/15/0929/h_1443533786_7196150_bdb5067b4b.png

Please clear browser cache and check again.

Best regards,
Jack Richardson.

#90219 Copied

groubee

Participant

September 29, 2015 at 15:13

Hi

When I change from mobil to mobile landscape or back(iphone6/safari) it looks like this? if
https://www.dropbox.com/s/jrphi470i85rzmf/form%20mobil%20to%20lanscap.png?dl=0

when I afterwards updates the mobile landscape or mobile it looks like this: https://www.dropbox.com/s/dsv1a2vw42cbgfa/Custom%20CSS%20for%20mobile%20landscape%20on%20iphone-safari.png?dl=0
I am almost sure it has nothing to do with cache, because if I remove your code its back to the old design??
All so now something is wrong with the product image?? it shows the wrong image only on mobil? I will create a new ticket on this topic 🙁 this sucks!!

#90235 Copied

Eva Kemp

Support staff

October 6, 2015 at 14:05

Hello,

You’ve been replied in other topics.
This one will be closed.

Regards,
Eva Kemp.

#91770 Copied
Tagged: button alignment, how to, mobile, product page, template, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How to align to button on product page on mobile’' has been successfully resolved, and the topic is now closed for further responses

How to align to button on product page on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection