Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 21, 2015 at 7:18 pm #462387
    catmac2204

    Hi,

    I am willing to set the following CSS:

    For desktop:

    .single-product-summary {
  width: 40%;
}

    For mobiles:

    .single-product-summary {
  width: 100%;
}

    I have tried many options with @media but none of them works in a mobile view! By default it’s 40% and it works like a charm but it’s also 40% on mobiles although, I need 100% there. Thanks in advance!

    June 22, 2015 at 11:45 am #462601
    Ismael

    Hey catmac2204!

    Thank you for using Enfold.

    The product summary width is already 100% on mobile device. You only need this:

    @media only screen and (min-width: 768px) {
.single-product-summary {
  width: 40%;
}}

    Remove browser cache then reload the page.

    Regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.