Hey Again,

This won't be possible with CSS alone. Try adjusting the Woocommerce Section in the Salient Theme Options Panel and the Plugin settings : https://docs.woocommerce.com/document/fixing-blurry-product-images/ . 

Thanks

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

@media (min-width: 690px) {
    .span_5.col.single-product-main-image {
        width: 23.5%;
    }
    .span_7.col.col_last.single-product-summary {
        width: 74.5%;
    }
}

Thanks

Hi David,

Please try adjusting from here:

Thanks.

Hi David,

Please send in your admin login credentials so that we can check this out.

Thanks.

Hi David,

The settings are here from your end, please check and try adjusting:

Thanks.

Please check now, i just correct the Red Cross Syntax Errors in the Custom CSS.

Thanks 

Hi David,

Please try this css:

#top nav >ul >li[class*="button_solid_color"] >a, body #header-outer.transparent #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a, #header-outer.transparent.dark-slide > #top nav .sf-menu > li[class*="button_solid_color"].sfHover > a, #header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer[data-lhe="default"].transparent.dark-slide #top nav >ul >li[class*="button_solid_color"] >a:hover, #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer.dark-text #top nav >ul >li[class*="button_solid_color"] >a, #header-outer[data-lhe="default"] #top nav .sf-menu .current_page_item[class*="button_solid_color"] >a, #header-outer.transparent.dark-slide >#top nav >ul >li[class*="button_solid_color"] >a:hover {
    padding-left: 11px;
}

Thanks.