Mag8891

[Mag8891]

This reply has been marked as private.

[Mag8891]

hello Harry,

after I input your code the checkout and cart mobile doesn’t look correct size, please see attached

I also added this  code to hide the blue area on the checkout not sure if it is good, please correct if not

/*hide blue have a coupon place holder on checkout*/
.jas-page .woocommerce-checkout .woocommerce-info {
display: none;
}

thank you

Attachments:

You must be logged in to view attached files.

[Mag8891]

Or like this because when I change checkout the cart page changes too

 

/*cart */
.actions .coupon label{
display: none;
}

.cart tr .button:nth-child(3){
margin-right: 15px;
}

#giftcard_code{
width:190px !important;
max-width:100% !important;
margin-right:305px;

}
.ywgc_enter_code div input[type=submit].button{
margin-left:-50px;
margin-right:-50px;
}

@media only screen and (max-width: 768px) {
#giftcard_code{

width:130% !important;
margin-right:305px;
margin-left: 0px;
margin-top: 10px;
}}
@media only screen and (max-width: 768px){

.ywgc_enter_code div input[type=submit].button{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}}

/*checkout*/

[Mag8891]

This reply has been marked as private.

[Mag8891]

OK maybe some server delays, not sure, thank you

[Mag8891]

where?  on the checkout it is only  to make the gift card entry field same width as coupon field  and same for the apply gift card button on the checkout mobile view, I don’t need to move it anywhere. Remove the blue background and text “Have a coupon? Click here to enter your code”, because I think in settings I chose to hide text show only form see the pic or setting page but it doesn’t work with the theme for some reason. Because I checked with twentyfifteen theme and it work correctly not showing the background and blue color.

On the cart page, you can choose whichever position is easier for you to correct but I think, at the moment it just need to set the correct width for all the coupon entry field and apply coupon button and gift card entry field and button to make them same width, so I don’t need to move anything. And to remove word coupon before coupon entry field.

 

I have managed to delete the text myself,  and I have also managed to edit some things with yellow pencil please see below,

so could you please help me cart mobile view and the checkout view to make it work correctly with the settings.

 

/*cart */
.actions .coupon label{
display: none;
}
#giftcard_code{
width:190px !important;
max-width:100% !important;
margin-right:305px;
margin-left:10px;

}
.ywgc_enter_code div input[type=submit].button{
margin-left:-50px;
margin-right:-50px;
}

@media only screen and (max-width: 768px) {
#giftcard_code{

max-width:130% !important;
margin-right:305px;
margin-left: 0px;
margin-top: 10px;
}}
@media only screen and (max-width: 768px){

.ywgc_enter_code div input[type=submit].button{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}}

/*checkout*/
#giftcard_code{
padding-left:0px;
margin-left:0px;
width:100% !important;
}

.jas-col-xs-12 .ywgc_enter_code div .form-row-last input[type=submit]{
margin-left:0px !important;
}
@media only screen and (max-width: 768px){
.jas-col-xs-12 .ywgc_enter_code div .form-row-last input[type=submit]{
margin-left:0px !important;
width:100% !important;
}}
@media only screen and (max-width: 768px){
#giftcard_code{
margin-buttom:0px;
padding-left:0px;
margin-left:0px;
width:100% !important;
}}

thank you

[Mag8891]

This reply has been marked as private.

[Mag8891]

This reply has been marked as private.

[Mag8891]

Hi sorry did you check on mobile view?

[Mag8891]

Oh just one thing it seems that the attribute name heading is restricted in width on mobile view, can I make it in line without creating a second line as it seems enough spase for it.

Attachments:

You must be logged in to view attached files.

[Author]

Posts