Dawn product page drop down menu's coded into Debut theme product page?

[SilverBeach]

I have 2 store themes at the moment - Debut and Dawn.

Debut product page layout is great and the images are a good size but it's lacking drop down menu's to add additional product info. 

Dawn has the drop down menu's I want but the image sizes are too big and the product description too narrow.

In a perfect world, I'd love to keep the Debut theme and just add these menu's (see image below)

Do I edit the code for Debut to add the menu's or edit the code in Dawn to replicate the same image/size layouts?

[suyash1]

@SilverBeach - both require many changes, but easy is to make dawn layout to have small size images and increase product description width

[LitExtension]

Hi @SilverBeach

Dawn theme: go to Assets > section-main-product.css file and paste this at the bottom of the file:

@media screen and (min-width: 990px){
.product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
max-width: 50%;
width: calc(50% - 1rem / 2);
}
.product:not(.product--no-media):not(.featured-product) .product__info-wrapper{
max-width: 50%;
width: calc(50% - 1rem / 2);
}
}

Hope it helps!

If you find my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.