Adjust layout for 'Send as Gift' option on the product page DAWN theme

[CarCleanCC]

Hello!

I am using the dawn theme and my URL is carcleansweden.se.

I am trying to adjust the layout of my product page so that the “I want to send this as a gift” option spans the full width of its container and pushes both the “Quantity Selector” and “Add to Cart” button down. Currently, the other elements remain at the same height, which makes the layout look a bit weird:

I would hugely appreciate the help!

[suyash1]

@CarCleanCC - can you please share this page link?

[Cristina_92]

Hi @CarCleanCC !

Try to wrap quantity and option into div and place quantity under this option:

[CarCleanCC]

Yes, my url is: carcleansweden.se

[LizHoang]

Hi @CarCleanCC

You can follow the instruction here :

1. Go to Shopify > Online store > theme > customize

2. Click to Settings > Custom CSS > Paste this code to the section and save.

div.product-form__input.product-form__quantity + div {
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
}

Here is the result :

Thank you and I hope it works.

[CarCleanCC]

Is it possible to only change it on the items that has the gift option?

[Easify-Jolie]

Hi @CarCleanCC

I understand you’re not currently looking for an app, but I’d recommend giving Easify Product Options a try. It’s especially helpful for customizing products like yours, allowing you to create neat layouts and improve the overall appearance of your product page effortlessly.

• This is the result

• This is the app setting

I hope you give it a try! If you run into any issues setting it up, the Easify team is always available to help!