Checkout Page – Plugin & Theme clashing on layout

[dej888]

Hi Mohammad,

That defeats the whole purpose of sending a gift card to a receiver… this is extremely important and cant just be removed.

[Mohammad – SUPPORT]

Hi,
Can you please adjust the position of it? Just before the checkout form.
Thanks
Mohammad

[dej888]

How can I do this?

[dej888]

Can you please help on providing details on this kindly.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sc_info_box {
    margin: 50px 0px 20px 14px !important;
    width: 39% !important;
}

Thanks
Mohammad

[dej888]

Mohammad,

Thank you so much, you are the best! 🙂

[dej888]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,
Add the code below to adjust it in the mobile resolution.

@media only screen and (max-width: 479px){
.sc_info_box {
    width: 93% !important;
}
}

Hope it helps.

-Rui

[dej888]

Added this under the code mohammad provided. It is not working.

Should I remove this from my .css?

.sc_info_box {
margin: 50px 0px 20px 14px !important;
width: 39% !important;
}

and only place yours in?

[Rui Guerreiro – SUPPORT]

You should have both, mine is only active when the resolution drops below the 479px(mobile resolution)

You add an syntax error in my code there was one extra dot before sc_info_box
Check again.

-Rui

[dej888]

Got it! – Thank you 🙂

For tablet, it didnt change anything. Is there css to get it working like it does for the pc? right now it shows underneath all, same as before.

[dej888]

ok, i sorted out the tablet view!

Question about your code. Now on mobile view, with the css add you provided, it has now disabled the togle feature of sending gift card to receiver or to yourself. It only works on full screen pc. Not on smaller view. Can you please help understnad for me why this toggle feature does not allow you to click on mobile or smaller browser when shrunk.

Thank you team.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 767px) {
.sc_info_box {
    position: relative !important;
    z-index: 11111 !important;
}
}

Thanks
Mohammad

[dej888]

Thank you so much 🙂

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad