|
HarndOnArtBarn
|
February 13, 2017 at 3:43 pm
Hello,
All the other pages seem to be responsive except the checkout page. Is there a fix to this????
http://www.handsonartbarn.com/registration-checkout
|
|
HarndOnArtBarn
|
February 13, 2017 at 3:44 pm
Hello,
All the other pages seem to be responsive except the checkout page. Is there a fix to this????
http://www.handsonartbarn.com/registration-checkout
|
|
Josh
|
February 13, 2017 at 5:04 pm
Hi there,
It looks like the selected page template from the WordPress theme is affecting the layout of that page. Can you go in and edit the registration-checkout page and set its page template to use “Full Width” instead of the page template for a Contact form page?
|
|
HarndOnArtBarn
|
February 13, 2017 at 6:04 pm
Thanks for the response, Josh. I’ve tried the full width page template previously (along with all the others) and it sill is not responsive. I went ahead and kept it set to “full width” if you want to preview.
|
|
Josh
|
February 14, 2017 at 9:33 am
OK so the fix involves removing some of the custom CSS that was added via the Custom CSS panel on your site. Specifically these two rules:
.line-item-desc-spn
{
padding-right: 85px;
padding-top: 40px;
}
and
.jst-left {
text-align: center;
padding-left: 460px;
padding-top: 20px;
}
Can you remove the padding-right: 85px; from the first set of rules, and then remove the padding-left: 460px; from the second set? Or you can also wrap those into some media queries so they only get applied on large screens. It’s the extra padding width that’s forcing those elements to overflow on small screens.
|
|
HarndOnArtBarn
|
February 14, 2017 at 10:45 am
That worked! Thanks Josh.
|
