any product detail page layout in woocommerce appears narrow.

Hey ngavy,
The product page is created with two columns, one column for the images and one for the details
Please see the comparison between your page and the standard page in the screenshots in the Private Content area

Best regards,
Mike

Hi,
To remove the column with the images and show the content at full width, Please try this code in the General Styling > Quick CSS field:

#top.single-product .single-product-main-image.alpha {
    display: none !important;
}
@media only screen and (max-width: 479px) { 
#top.single-product .single_variation_wrap {
    margin-left: 10% !important;

}
}
@media only screen and (min-width: 480px) { 
#top.single-product .single_variation_wrap .npay_storebtn_bx{
    margin: 0px !important;

}
#top.single-product .single_variation_wrap {
    width: 30% !important; 
    margin: auto !important; 
}
}

Please clear your browser cache and check after adding the css

Best regards,
Mike

Hi,
I took a look at your page and the past posts above, the reason the product images don’t show is because of this code:

#top.single-product .single-product-main-image.alpha {
    display: none !important;
}

which at the time was used to hide the images so you would have one wide column instead of two.
Please feel free to remove the code posted August 17 to show the image column.

Best regards,
Mike

Hi,
If I understand correctly, you would like your product pages to be a single column, full width, and show the product images.
Where would you like the product images, at the top of the page or the bottom?
Your product pages have a max-width of 800px, do you want that to stay true, or do you want them to be full width?
Please include a admin login so we can make the changes.

Best regards,
Mike

Hi,
So you would like 2 columns above and 1 column below, like in this screenshot:

This was done by adding this code to the end of the functions.php file in Appearance > Editor:

function av_woo_tabs_below() { 
remove_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
add_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 );
} 
add_action( 'init', 'av_woo_tabs_below');

Best regards,
Mike

Hi,
Sorry I for got to say that you would want to remove the css code I gave you earlier, when I didn’t understand what you wanted.
I removed it for you. Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike