Changing the place of the section

manter · ‎05-29-2024

Hello. How I could change the code to picture discount code section a bit above? Screenshot attached.

ThePrimeWeb · ‎05-29-2024

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.tt-shopcart-col div:has(> #pickup-wrapper) {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;
}

.tt-shopcart-col div:has(> #pickup-wrapper) button[name="checkout"] {
    position: absolute !important;
    width: 95% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -35px !important;
}

.tt-offset-small.container-indent.tpivsectiontemplate--19999672369478__index_section_text_plus_image_vertical_aazxTq {
    margin-top: 70px !important;
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

comercioservice · ‎05-29-2024

@manter , hope you are well,
you can achieve with CSS flex, can you share your URL so I can check and give you css code
Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

ThePrimeWeb · ‎05-29-2024

Hey @manter,