This topic has 6 replies, 3 voices, and was last updated 4 years, 3 months ago ago by Olga Barlow
Hi guys, sorry for asking another help. Just want to fix everything before we put this site live.. Some help on Single product page especially on Mobile devices.
first: Button colour..
I added this plugin for my client single product page. I think i’ve fixed the colour already but the added button colour from the plugin looks different from add to cart. Is it possible to change the colour for this button when the attributes are not active?
second: Mobile view on single product page
As you may know i’m having problem with the ADDITIONAL INFORMATION tabs on my single product page. I hope this will be fix in the next update. The tabs in mobile devices looks off. Is it possible to fix it in mobile device? http://prntscr.com/t0v04u
Third: Is this possible? Fixing the additional button to line up with add to cart?
http://prntscr.com/t0v0u9
Thank you guys!!!
Hello,
1) Plugin styles have opacity for the disabled button http://prntscr.com/t1lsxk to inform the user that he can’t click the button. If you want to make it the same color as the our disabled button add the below code
.add-request-quote-button.disabled {
opacity: .7 !important;
}
2) There is a scroll in that area. I have already sent you the video. Do you want to show tabs title in this way http://prntscr.com/t1m2h6 ? Then use below code
.wc-tabs.tabs {flex-wrap: wrap;}
3) There is no space to show the second button there.
Regards
.add-request-quote-button.disabled {
opacity: .7 !important;
}
Thanks for this code All good now!
.wc-tabs.tabs {flex-wrap: wrap;}
I think i will go with the scrollable tabs 😀
3) There is no space to show the second button there.
How about this. Is this possible? http://prntscr.com/t1tdke Move the ADD TO DEMO BUTTON IN line with ADD TO CART?
Thanks guys!
Hi,
You’re welcome!
3) Like this http://prntscr.com/t1xtp4 ? Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile –
.single-product .product .yith-ywraq-add-to-quote {
margin-left: 106px;
}
.single-product .add-request-quote-button {
padding-left: 25px;
padding-right: 25px;
height: 35px;
}
Regards
Yay thank you guys! I will launch this site this week!
Hello,
You are welcome. Glad to hear good news. We wish you good sales!
Regards
You must be logged in to reply to this topic.Log in/Sign up