Return to previous page

Edit Position of Wishlist and Email-Button on single product site for mobile

This topic has 8 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

Marc

Participant

March 18, 2017 at 14:10

I would like to Edit the position of the add to wishlist and email to a friend button on the single product site for mobile devices.

a long add to card button text causes a bad view like this :

http://prntscr.com/elgqaw

I need the CSS code to edit the positions. The add-to-card button should be on top of the wishlist and email elements looking similar like this:

http://prntscr.com/elgsil

Thanks

#157262 Copied

7 Answers

Marc

Participant

March 18, 2017 at 14:14

Of course the add to card button could be under the other elements as well.
As long as the elements are not displayed side by side that causes the terrible view.

#157263 Copied

Rose Tyler

Support staff

March 21, 2017 at 10:28

Hello,

Please provide link to your site and wp-admin access in Private Content.

Regards,
Rose Tyler.

#157388 Copied

Marc

Participant

March 21, 2017 at 10:40

Thank you

Please, contact administrator
for this information.

#157392 Copied
Rose Tyler

Support staff

March 21, 2017 at 15:39
Hello,

You can add this code in Custom css to display it like http://prntscr.com/emou90
```
.single-product .yith-wcwl-add-to-wishlist.add-to-wishlist-24681 {
    width: 100%;
    margin-left: 2%;
    margin-top: 10px;
}
```
Regards,
Rose Tyler.
#157437 Copied
Marc

Participant

March 21, 2017 at 16:46

I tried this code , also on global custom css, but there is no difference.
Furthermore the wishlist element name of different single product sites is always with different numbers at the end and not like .yith-wcwl-add-to-wishlist.add-to-wishlist-24681.

I already cleared the Cache and after that disabled my cache plugins.
I can’t find the mistake. Other custom css codes i already set working perfectly.

The admin access is still available. could you please edit it for me on top of the custom css code of theme options or check the given code?

#157451 Copied

Marc

Participant

March 21, 2017 at 17:08

Okay just tested something. In the beginning it looks like http://prntscr.com/empzrk .

With the code

.single-product .yith-wcwl-add-to-wishlist {
width: 100%;
margin-left: 2%;
margin-top: 10px;
}

(without the always different element .add-to-wishlist-24681 ) it looks like http://prntscr.com/emq0g7 .

The email-to-a-friend button still causes a bad view.
Do you have any other idea?
Thanks

#157456 Copied
Rose Tyler

Support staff

March 22, 2017 at 11:20
Hello,

The wp-admin credentials are incorrect. Please check them.
Please change this code
```
.single-product .email-link {
    display: none !important;
}
```
to
```
.single-product .single_add_to_cart_button {
    margin-right: 50%;
}
```
http://prntscr.com/en0y75
Also, clarify with more details what exactly you mean about different numbers and show us screenshots? Please check if the problem persists with default Woocommerce theme Storefront, install it in Appearance > Themes and activate.

Regards,
Rose Tyler.
#157500 Copied
Viewing 8 results - 1 through 8 (of 8 total)