This topic has 14 replies, 2 voices, and was last updated 4 years, 5 months ago ago by Rose Tyler
Hi,
I am using the pricing box but the phone version is ugly.
Is there any possibility that the “Pricing Legend” can move next to the “Column” on the phone version?
Like this: https://ibb.co/fMfLKMm?
Thank you
Hello,
This element comes from Massive Addons plugin, our theme doesn’t affect this, so there are no additional settings from our side.
You can add this code in Custom CSS for page:
@media screen and (max-width: 768px) {
.mpc-pricing-box .mpc-pricing-legend {
order: 2;
}
}
Regards
OK
Also, may I ask how can I set the button to align to the center?
https://ibb.co/5vr10Ty
https://ibb.co/84dmBVD
Thank you
You can add mob-center
or text-center
custom class in settings of the element.
Regards
Hi,
It is still the same
Hello,
Could you provide URL?
Regards
Hello,
Please use this code
.mpc-button {
display: block;
margin: 0px 23% !important;
}
Regards
Hi,
This is definitely not center: https://ibb.co/vw4z8WL
Also, it changes the shape of the current buttons.
Before: https://ibb.co/RcY25Wr
After: https://ibb.co/8Bnm9yf
But it is affecting the other buttons’ setting:
https://ibb.co/wNJT56b
Before: https://ibb.co/RcY25Wr
After: https://ibb.co/8Bnm9yf
In this case, add a custom class here – https://prnt.sc/phuqlz > http://prntscr.com/phurnw The code should be placed inside the media query as shown in the screenshot.
.mob-center-btn.mpc-button {
display: block !important;
margin: 0px 23% !important;
}
Regards
Thank you. It is great now.
You’re welcome!
Regards
The issue related to '‘Massive Addons Pricing Box’' has been successfully resolved, and the topic is now closed for further responses